:root{--bg:#07090a;--panel:#111618;--muted:#96a0a4;--line:#263034;--gold:#f6c62e;--silver:#b9c2c7;--white:#f7f8f8;--danger:#ff6b6b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:7px 7px}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:36px;padding:20px clamp(22px,5vw,76px);background:rgba(7,9,10,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:3px;color:#fff;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand-mark{color:var(--gold)}nav{display:flex;gap:28px;flex:1}nav a,.nav-actions a,footer a{color:var(--muted);text-decoration:none;font-weight:650}nav a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:999px;padding:13px 21px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.btn.gold{background:var(--gold);color:#17130a}.btn.ghost{background:#1a2022;color:#fff;border:1px solid #2b3437}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero{min-height:690px;padding:100px clamp(24px,7vw,110px) 70px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;background:radial-gradient(circle at 78% 28%,rgba(246,198,46,.18),transparent 28%),radial-gradient(circle at 64% 72%,rgba(38,90,96,.22),transparent 32%)}.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(246,198,46,.35);border-radius:999px;color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(54px,7vw,104px);line-height:.93;letter-spacing:-.07em;margin:24px 0}.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:650px;color:#bac1c4;font-size:clamp(18px,2vw,23px);line-height:1.55}.hero-actions{display:flex;gap:12px;margin-top:32px}.screen{position:relative;border-radius:28px;background:linear-gradient(145deg,#1a2427,#080a0b);border:1px solid #354044;box-shadow:0 40px 100px rgba(0,0,0,.55);padding:22px;transform:perspective(1000px) rotateY(-5deg)}.screen-top{display:flex;justify-content:space-between;color:#aab3b7;font-size:13px}.screen-hero{height:270px;margin-top:16px;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.08)),radial-gradient(circle at 80% 30%,#d2a53b,#303e42 42%,#111 70%)}.screen-hero h3{font-size:34px;margin:0}.screen-rows{display:flex;gap:10px;margin-top:14px}.poster{height:105px;flex:1;border-radius:12px;background:linear-gradient(145deg,#314448,#14191b)}.poster:nth-child(2){background:linear-gradient(145deg,#88713b,#211a12)}.poster:nth-child(3){background:linear-gradient(145deg,#4a3038,#161012)}section{padding:90px clamp(24px,7vw,110px)}.section-head{max-width:750px}.section-head h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;margin:12px 0}.section-head p{color:var(--muted);font-size:19px;line-height:1.6}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.feature{padding:28px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.feature b{color:var(--gold);font-size:20px}.feature p{color:var(--muted);line-height:1.55}.plans-wrap{background:#0b0e0f}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.plan{position:relative;padding:28px 24px;border-radius:24px;background:#111617;border:1px solid #293235;min-height:480px;display:flex;flex-direction:column}.plan.gold{border-color:#8e7424;background:linear-gradient(180deg,rgba(246,198,46,.12),#111617 42%)}.plan.black{background:#020303;border-color:#3c4447}.plan-tag{display:inline-flex;align-self:flex-start;border-radius:6px;padding:5px 9px;background:#333;color:#fff;font-size:12px;font-weight:900}.plan.silver .plan-tag{background:#69757a}.plan.gold .plan-tag{background:var(--gold);color:#17130a}.plan.black .plan-tag{background:#000;border:1px solid #50585b}.plan h3{font-size:31px;margin:22px 0 3px}.price{font-size:38px;font-weight:900}.price small{font-size:14px;color:var(--muted)}.plan ul{padding:0;list-style:none;color:#c1c7c9;line-height:2;margin-bottom:24px}.plan li:before{content:"✓";color:var(--gold);margin-right:9px}.plan .btn{margin-top:auto}.auth-shell{min-height:680px;display:grid;place-items:center;padding:60px 22px;background:radial-gradient(circle at 50% 20%,rgba(246,198,46,.13),transparent 35%)}.auth-card{width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:34px}.auth-card h1{font-size:38px;letter-spacing:-.04em;margin:5px 0 10px}.auth-card p{color:var(--muted)}label{display:block;color:#cbd0d2;font-weight:700;margin:16px 0 7px}input{width:100%;background:#080b0c;color:#fff;border:1px solid #354044;border-radius:12px;padding:14px;font:inherit;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(246,198,46,.12)}form .btn{width:100%;margin-top:22px}.error{color:var(--danger);min-height:24px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.metric{font-size:42px;font-weight:900;color:var(--gold)}footer{padding:50px clamp(24px,7vw,110px);border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:var(--muted)}footer p{flex:1}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.screen{transform:none}.features{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr 1fr}.nav nav{display:none}}@media(max-width:620px){.nav{padding:16px}.nav-actions .ghost{display:none}.hero{padding:65px 20px}.hero h1{font-size:55px}.features,.plans,.account-grid{grid-template-columns:1fr}.screen{display:none}section{padding:65px 20px}footer{align-items:flex-start;flex-direction:column}}
