:root{--bg:#080b16;--panel:#11182b;--text:#f4f6ff;--muted:#a8b0c8;--line:#ffffff20;--accent:#a79bff;--purple:#6d5dfc;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}header,footer{max-width:var(--max);margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}header{position:relative}.brand{font-weight:800;font-size:1.15rem}.brand b{display:inline-grid;place-items:center;border:1px solid var(--accent);border-radius:10px;width:34px;height:34px;color:var(--accent);text-transform:uppercase;margin-right:8px}nav{display:flex;align-items:center;gap:22px;color:var(--muted)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--purple);border-radius:999px;padding:11px 18px;background:linear-gradient(120deg,var(--purple),#8b7dff);color:white;font-weight:700;display:inline-block}.outline{background:transparent;border-color:var(--line);color:var(--text)}#menuToggle{display:none}.hero,main>section{max-width:var(--max);margin:auto;padding:70px 24px}.hero{padding-top:95px;padding-bottom:85px}.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.03;letter-spacing:-.06em;margin:20px 0}.hero h1 span{color:var(--accent)}p{color:var(--muted)}small{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 26px}h3{margin:10px 0;font-size:1.3rem}.note{margin-top:35px;color:#808ba8;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.grid{display:grid;gap:16px;margin-top:24px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}article,.link,.panel{border:1px solid var(--line);border-radius:20px;padding:25px;background:linear-gradient(145deg,#ffffff0b,#ffffff03)}article p,.link p{margin-bottom:0}.dark{max-width:none;background:#0d1326;border-block:1px solid var(--line);padding-inline:max(24px,calc((100% - var(--max))/2))}.price{font-size:2.7rem;font-weight:800;letter-spacing:-.05em;margin:12px 0}.price em{font-size:.9rem;font-style:normal;color:var(--muted);font-weight:500;letter-spacing:0}.plan{margin-top:22px}.warning{font-size:.82rem;margin-top:20px}.link:hover{border-color:var(--accent)}.panel{background:#0c1222}.panel button{margin-top:10px}.role-list{display:flex;flex-wrap:wrap;gap:8px}.role{border:1px solid #a79bff66;border-radius:999px;padding:4px 10px;color:#d6d0ff;font-size:.8rem}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;flex-wrap:wrap}footer p{margin:0}.modal{display:none;position:fixed;inset:0;z-index:10;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(7px)}.dialog{position:relative;background:#10172a;border:1px solid var(--line);border-radius:22px;padding:28px;width:min(100%,470px)}.close{position:absolute;right:14px;top:10px;background:transparent;border:0;font-size:1.8rem}.dialog form{display:grid;gap:9px;margin-top:20px}.dialog label{font-size:.85rem}.dialog input{padding:13px;border:1px solid var(--line);border-radius:11px;background:#080d1b;color:white;font:inherit;margin-bottom:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#202a43;border:1px solid var(--line);border-radius:12px;padding:12px 18px;max-width:90vw;z-index:20;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){header{padding:16px 18px}#menuToggle{display:block}nav{display:none;position:absolute;z-index:5;top:65px;left:14px;right:14px;background:#11182b;border:1px solid var(--line);border-radius:15px;padding:18px;align-items:stretch;flex-direction:column}nav.open{display:flex}.hero,main>section{padding:55px 20px}.hero{padding-top:70px}.three,.two{grid-template-columns:1fr}.dark{padding-inline:20px}footer{padding:25px 20px;flex-direction:column;align-items:flex-start}}
