.lfpt-locked-v1, .lfpt-locked-v1 * { box-sizing: border-box; } .lfpt-locked-v1 { --primary:#2A4B8D; --accent:#FF9900; --accent2:#81C784; --ink:#0f172a; --ink-soft:#475569; --bg:#ffffff; --bg-alt:#f7f9ff; --r:20px; --shadow:0 18px 40px rgba(2,6,23,.12); display:grid; place-items:center; padding:28px 16px; background: radial-gradient(1200px 400px at 70% -20%, rgba(255,153,0,.10), transparent 40%), linear-gradient(180deg, #fafcff, #ffffff); border-radius: var(--r); border: 1px solid rgba(2,6,23,.06); } .lfpt-locked-wrap { width: min(820px, 100%); background: var(--bg); border-radius: calc(var(--r) - 6px); box-shadow: var(--shadow); border: 1px solid rgba(2,6,23,.06); padding: clamp(18px, 4vw, 28px); position: relative; overflow: hidden; } .lfpt-locked-wrap::before{ content:""; position:absolute; inset:-2px; background: radial-gradient(500px 180px at 85% -10%, rgba(255,153,0,.18), transparent 45%); pointer-events:none; } .lfpt-locked-head{ display:flex; align-items:center; gap:14px; margin-bottom:8px; } .lfpt-locked-icon{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background: linear-gradient(180deg,#eef3ff,#ffffff); border:1px solid rgba(2,6,23,.08); box-shadow: 0 8px 24px rgba(2,6,23,.10) inset, 0 6px 14px rgba(2,6,23,.06); font-size:22px; } #lfpt-locked-title{ margin:0; font-size:1.35rem; color:var(--ink); letter-spacing:.2px; } .lfpt-locked-text{ margin:6px 0 14px; color:var(--ink-soft); line-height:1.55; font-size:1.02rem; } .lfpt-locked-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; } .lfpt-btn{ appearance:none; border:0; cursor:pointer; text-decoration:none; padding:.85rem 1.1rem; border-radius:14px; font-weight:700; transition:.25s; box-shadow:var(--shadow); display:inline-flex; align-items:center; gap:8px; } .lfpt-btn--primary{ background: var(--primary); color:#fff; } .lfpt-btn--primary:hover{ transform:translateY(-1px); background:var(--accent); color:#0f172a; } .lfpt-btn--ghost{ background: transparent; color: var(--primary); border:1px solid rgba(42,75,141,.30); } .lfpt-btn--ghost:hover{ border-color: var(--accent); color:#0f172a; background: rgba(255,153,0,.08); } .lfpt-note{ margin-top:12px; font-size:.92rem; color:#64748b; } @media (max-width: 560px){ .lfpt-locked-head{ gap:10px; } #lfpt-locked-title{ font-size:1.18rem; } .lfpt-locked-icon{ width:38px; height:38px; font-size:20px; } }

Tu dois être connecté·e pour accéder à ta bibliothèque personnelle

Connecte-toi ou crée un compte gratuit pour retrouver tes articles favoris, reprendre ta lecture et profiter d’une expérience fluide façon Netflix (filtres, rangées, recommandations).

Se connecter Créer un compte gratuit
Astuce : tu peux ajouter n’importe quel article à ta bibliothèque via le bouton « Ajouter aux favoris ».