:root{--bg: #070a12;--bg-soft: #0b0f1c;--card: #0f1422;--card-hover: #141a2b;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f1f4fb;--text-dim: #8a93ab;--text-faint: #5b6478;--accent: #c2f73b;--accent-deep: #a4dc1e;--accent-soft: rgba(194, 247, 59, .1);--accent-2: #b3a0ff;--team-b: #45b6e8;--brand-green: #c2f73b;--on-accent: #121a04;--warn: #f5a85b;--danger: #f06363;--ok: #46d39a;--radius: 14px;--radius-lg: 20px;--maxw: 1120px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;font-family:var(--font)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05","ss01"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1100px 600px at 80% -10%,rgba(194,247,59,.06),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(179,160,255,.045),transparent 55%);pointer-events:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}.eyebrow,.kicker{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:11px;font-weight:600;font-size:15px;letter-spacing:-.01em;transition:transform .15s ease,background .2s ease,box-shadow .25s ease,border-color .2s ease,color .2s ease}.btn svg{width:17px;height:17px}.btn{white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--on-accent);box-shadow:0 1px #ffffff40 inset,0 10px 30px -12px #c2f73b99}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 1px #ffffff4d inset,0 16px 38px -12px #c2f73bbf}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{background:#ffffff0a;border-color:var(--accent);transform:translateY(-2px)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.nav{position:sticky;top:0;z-index:50;background:#070a12b3;-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(150deg,var(--accent),var(--accent-deep));display:grid;place-items:center;color:var(--on-accent);box-shadow:0 6px 18px -8px #c2f73bb3}.logo-mark svg{width:18px;height:18px}.logo-word{white-space:nowrap;font-weight:600}.logo-dot{color:var(--accent)}.brandmark{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.045em;text-transform:lowercase;color:var(--text);white-space:nowrap}.brandmark .bm-accent{color:var(--brand-green)}.brandmark-inline{font-size:1em;letter-spacing:-.02em}.footer .brandmark{font-size:26px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--text-dim);font-weight:400;font-size:12.5px;transition:color .18s ease}.nav-links a:hover{color:var(--text)}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:var(--on-accent)}.nav-links a.btn-ghost,.nav-links a.btn-ghost:hover{color:var(--text)}.nav-user{color:var(--text-dim);font-weight:400;font-size:12.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.nav-user svg{width:16px;height:16px;opacity:.7}.nav-account{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);transition:color .18s ease}.nav-account:hover{color:var(--text)}.nav-plan{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(194,247,59,.25);padding:3px 9px;border-radius:999px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .15s ease}.nav-links a.nav-plan{color:var(--accent);font-weight:700;font-size:10.5px}.nav-plan:hover{background:#c2f73b2e;border-color:#c2f73b80;transform:translateY(-1px)}.nav-plan.elite,.nav-links a.nav-plan.elite{color:var(--accent-2);background:#b3a0ff21;border-color:#b3a0ff52}.nav-plan.elite:hover{background:#b3a0ff38;border-color:#b3a0ff8c}.nav-logout{background:none;border:1px solid var(--border-strong);color:var(--text-dim);font-weight:400;font-size:12px;padding:6px 12px;border-radius:9px;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.nav-logout:hover{border-color:var(--accent);color:var(--text)}.nav-login{background:none;border:none;color:var(--text-dim);font-weight:400;font-size:12.5px;white-space:nowrap;transition:color .18s ease}.nav-login:hover{color:var(--text)}.nav-podcast{color:var(--text-dim);font-weight:400;font-size:12.5px;white-space:nowrap;transition:color .18s ease}.nav-podcast:hover{color:var(--accent)}.auth-sub{color:var(--text-dim);font-size:14px;margin:0 0 18px;line-height:1.5}.hero{text-align:center;padding:84px 0 60px}.hero .eyebrow{display:inline-block;margin-bottom:20px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.04;letter-spacing:-.03em;max-width:760px;margin:0 auto 20px}.hero h1 .grad{color:var(--accent)}.hero p.sub{font-size:clamp(16px,2.5vw,20px);color:var(--text-dim);max-width:620px;margin:0 auto 32px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero2{position:relative;overflow:hidden;padding:72px 0 60px}.gravity-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}.hero2-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero2-foot{position:relative;z-index:1;display:flex;justify-content:center;margin-top:32px}.hero2-text{animation:hero-in .7s cubic-bezier(.22,1,.36,1) both}.hero2-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(194,247,59,.22);background:var(--accent-soft);padding:6px 13px;border-radius:999px;margin-bottom:26px}.hero2-eyebrow svg{width:14px;height:14px}.hero2-text h1{font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px;font-weight:600}.hero2-text h1 .grad{color:var(--accent)}.hero2-text .sub{font-size:clamp(16px,2vw,19px);color:var(--text-dim);margin-bottom:30px;max-width:520px;line-height:1.6}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.live-badge{display:inline-flex;align-items:flex-start;gap:11px;margin-top:22px;padding:11px 17px;border-radius:12px;background:#46d39a12;border:1px solid rgba(70,211,154,.22);color:var(--text-dim);font-size:13.5px;font-weight:500}.live-text{line-height:1.45}.live-badge strong{color:var(--ok);font-weight:700}.live-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ok);flex-shrink:0;box-shadow:0 0 #46d39a99;animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #46d39a80}70%{box-shadow:0 0 0 8px #46d39a00}to{box-shadow:0 0 #46d39a00}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}.cd-banner{display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;padding:10px clamp(16px,5vw,40px);background:linear-gradient(90deg,#c2f73b1a,#b3a0ff1a);border-bottom:1px solid var(--border);color:var(--text);font-size:13.5px}.cd-banner:hover{background:linear-gradient(90deg,#c2f73b24,#b3a0ff24)}.cd-title{display:flex;align-items:center;gap:9px;font-weight:600}.cd-title b{font-weight:700}.cd-ball{display:inline-flex;color:var(--accent)}.cd-ball svg{width:16px;height:16px}.cd-dates{font-weight:500;color:var(--text-dim)}.cd-count{display:flex;align-items:center;gap:10px;font-weight:600}.cd-j{color:var(--accent);font-weight:700}.cd-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text)}.cd-cta{font-weight:600;color:var(--accent)}.cd-live{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent)}.cd-live .cd-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:live-pulse 1.6s ease-out infinite}@media (max-width: 560px){.cd-dates,.cd-cta{display:none}.cd-banner{font-size:12.5px}}.preview-card{position:relative;background:linear-gradient(180deg,var(--card),var(--bg-soft));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:22px;box-shadow:0 40px 80px -40px #000c;animation:hero-in .8s cubic-bezier(.22,1,.36,1) both,floaty 7s ease-in-out infinite .8s}@media (prefers-reduced-motion: reduce){.preview-card{animation:none}}.pv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pv-date{color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums}.pv-teams{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.pv-team{font-weight:600;font-size:16px;display:flex;align-items:center;gap:9px;font-family:var(--font-display)}.pv-flag{font-size:21px}.pv-vs{color:var(--text-faint);font-weight:600;font-size:12px;letter-spacing:.1em}.pv-reco{background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:16px}.pv-reco-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:10px}.pv-reco-pari{font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px}.pv-reco-pari svg{width:15px;height:15px;color:var(--accent)}.pv-reco-conf{font-weight:700;font-size:20px;color:var(--accent);font-variant-numeric:tabular-nums}.pv-bar{height:6px;border-radius:999px;background:#ffffff12;overflow:hidden;margin-bottom:12px}.pv-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--accent));border-radius:999px}.pv-reco-exp{font-size:13px;color:var(--text-dim);line-height:1.55}.pv-foot{text-align:center;color:var(--accent);font-size:13px;font-weight:600;margin-top:16px}section{padding:80px 0}.section-title{font-size:clamp(27px,4vw,40px);font-weight:600;letter-spacing:-.03em;text-align:center;margin-bottom:14px}.section-sub{text-align:center;color:var(--text-dim);max-width:560px;margin:0 auto 48px;font-size:17px;line-height:1.6}.pricing{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;align-items:stretch}.price-card{flex:1 1 215px;max-width:248px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:17px 16px 15px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.price-card:not(.soon):hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:0 28px 60px -34px #000000d9}.price-card.highlight{border-color:#c2f73b66;box-shadow:0 0 0 1px #c2f73b33,0 24px 60px -30px #c2f73b4d}.price-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:11px;letter-spacing:.02em;padding:5px 13px;border-radius:999px;white-space:nowrap}.price-badge.soon{background:#f5a85b26;color:var(--warn);border:1px solid rgba(245,168,91,.3)}.price-badge.elite{background:var(--accent-2);color:#0b0820}.pricing-group{text-align:center;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 22px}.price-card.neon{border-color:#c2f73b73;box-shadow:0 0 0 1px #c2f73b40,0 24px 70px -34px #c2f73b73}.price-card.neon .price{color:var(--accent)}.price-card.neon:not(.soon):hover{box-shadow:0 0 0 1px #c2f73b66,0 30px 70px -30px #c2f73b8c}.price-badge.neon{background:var(--accent);color:var(--on-accent)}.fractionne{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--accent-2);background:#b3a0ff1a;border:1px solid rgba(179,160,255,.25);border-radius:999px;padding:4px 10px;margin-top:7px;align-self:flex-start}.fractionne svg{width:13px;height:13px}.price-card.premium{border-color:#b3a0ff66;box-shadow:0 0 0 1px #b3a0ff2e,0 24px 60px -32px #b3a0ff59}.price-card.premium .price{color:var(--accent-2)}.price-card.premium:not(.soon):hover{box-shadow:0 0 0 1px #b3a0ff59,0 30px 64px -30px #b3a0ff80}.price-card.soon{opacity:.66}.price-card.soon .price{color:var(--text-dim)}.price-badge.presale{background:#f5a85b26;color:var(--warn);border:1px solid rgba(245,168,91,.3)}.launch-note{font-size:11.5px;font-weight:500;color:var(--text-faint);margin-top:5px}.launch-note s{text-decoration:none}.access-note{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:#f5a85b1a;border:1px solid rgba(245,168,91,.28);color:var(--warn);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;margin:0 0 12px}.access-note svg{width:13px;height:13px}.price-card .name{font-weight:600;font-size:15px;font-family:var(--font-display);letter-spacing:-.01em}.price-card .price{font-size:26px;font-weight:600;font-family:var(--font-display);letter-spacing:-.04em;margin:7px 0 1px}.price-card .period{color:var(--text-dim);font-size:12.5px}.price-card .accroche{color:var(--text-dim);font-size:12.5px;margin:8px 0 10px;line-height:1.4}.price-card ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:14px;flex:1}.price-card li{font-size:12px;display:flex;gap:8px;align-items:flex-start;color:var(--text-dim);line-height:1.45}.price-card li svg{width:14px;height:14px;color:var(--accent);flex-shrink:0;margin-top:2px}.price-card .btn{padding:9px 16px;font-size:13.5px}.books{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:700px;margin:0 auto}.book-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .18s ease,border-color .2s ease}.book-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.book-card .b-name{font-weight:600;font-size:16px;font-family:var(--font-display)}.book-card .b-bonus{color:var(--accent);font-size:12.5px;margin-top:2px}.book-card .btn{padding:9px 16px;font-size:13px}.footer{border-top:1px solid var(--border);padding:56px 0 40px;color:var(--text-dim);font-size:14px}.footer .cols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer a{display:block;color:var(--text-dim);margin-bottom:9px;transition:color .18s ease}.footer a:hover{color:var(--text)}.footer h4{color:var(--text);margin-bottom:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font);font-weight:600}@media (max-width: 900px){.pricing{gap:16px}.books{grid-template-columns:1fr}.nav-links a:not(.btn):not(.nav-podcast){display:none}}@media (max-width: 820px){.hero2-grid{grid-template-columns:1fr;gap:36px}.hero2-text{min-height:calc(100svh - 116px);display:flex;flex-direction:column;align-items:flex-start}.hero2-text .hero-cta,.hero2-text .sub,.hero2-text h1{width:100%}.hero2-text>h1{margin-top:auto}.hero2-text .hero-cta{margin-top:auto;padding-top:26px}}@media (min-width: 821px){.hero2{min-height:calc(100svh - 110px);display:flex;flex-direction:column;justify-content:center}}@media (max-width: 680px){.pricing{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-inline:24px;padding:14px 0 20px;scrollbar-width:none}.pricing::-webkit-scrollbar{display:none}.price-card{flex:0 0 82%;max-width:320px;scroll-snap-align:center}}@media (max-width: 560px){.nav-links a:not(.btn):not(.nav-podcast){display:none}.nav-user{display:none}.nav-inner{gap:10px;height:60px}.logo{font-size:17px;gap:8px}.logo-mark{width:29px;height:29px}.nav-links .btn{padding:9px 14px;font-size:13px}.nav-links{gap:12px}.live-badge{display:flex;width:100%}.hero2{padding:28px 0 36px}.hero2-text h1{font-size:clamp(31px,8.5vw,42px)}.hero2-eyebrow{margin-bottom:18px}.hero-cta .btn{flex:1 1 auto}section{padding:56px 0}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:1200;background:var(--card);border:1px solid rgba(194,247,59,.4);color:var(--text);font-weight:600;font-size:14.5px;padding:13px 22px;border-radius:999px;box-shadow:0 0 0 1px #c2f73b1f,0 20px 50px -16px #000c,0 0 28px -6px #c2f73b59;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;animation:toastIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04060cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFade .2s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:32px 28px 28px;box-shadow:0 50px 100px -30px #000000d9;animation:modalRise .25s cubic-bezier(.22,1,.36,1)}@keyframes modalRise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:14px;right:16px;background:none;color:var(--text-dim);font-size:24px;line-height:1;padding:4px 8px;border-radius:8px;transition:color .18s,background .18s}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-badge{display:inline-block;background:#f5a85b24;color:var(--warn);border:1px solid rgba(245,168,91,.3);font-weight:600;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:14px}.modal-title{font-size:23px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.modal-price{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;flex-wrap:wrap}.modal-price strong{font-size:30px;font-weight:600;font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent)}.modal-price .modal-period{color:var(--text-dim);font-size:14px}.modal-launch{color:var(--text-faint);font-size:13px;font-weight:500;margin:0 0 20px}.modal-points{list-style:none;display:flex;flex-direction:column;gap:15px;margin:18px 0 24px;padding:0}.modal-points li{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.5}.modal-points li b{color:var(--text);font-weight:600}.modal-points li div{color:var(--text-dim)}.modal-ico{color:var(--accent);flex-shrink:0;margin-top:1px}.modal-ico svg{width:20px;height:20px}.modal-cancel{margin-top:10px}.modal-sub{color:var(--text-dim);font-size:13.5px;line-height:1.5;margin:6px 0 18px}.checkout-consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--text-dim);background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:13px 15px;margin-bottom:18px;cursor:pointer}.checkout-consent input{margin-top:2px;width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.checkout-consent strong{color:var(--text)}.checkout-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}