*{box-sizing:border-box}
:root{
  --bg:#06060d;--panel:#101022;--panel2:#0b0b18;--line:#2a2951;
  --purple:#8e49f2;--purple2:#6d32d6;--cyan:#00d9ff;--text:#f6f3ff;--muted:#908baa
}
html{scroll-behavior:smooth}
body{margin:0;background:#07070d;color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,520px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#090914 0%,#101021 55%,#0b0b17 100%);box-shadow:0 0 70px rgba(75,42,170,.12)}
.topbar{height:82px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2a4a;background:#080811}
.brand{display:flex;align-items:center;gap:12px}
.brand-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7441ff,#a65df8);border:1px solid #c69cff;box-shadow:0 0 18px rgba(130,76,255,.6);font-size:22px}
.brand-text strong{display:block;font-size:21px;letter-spacing:.5px}.brand-text strong span{color:var(--cyan)}
.brand-text small{display:block;color:#78728f;font-size:9px;letter-spacing:2px;margin-top:2px}
.online{border:1px solid #00a7cf;border-radius:18px;padding:7px 12px;color:var(--cyan);font-size:12px}
.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:6px;box-shadow:0 0 9px var(--cyan)}
.hero{position:relative;min-height:360px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:30px 20px;background:radial-gradient(circle at 50% 34%,rgba(129,66,246,.18),transparent 35%),#080811;border-bottom:1px solid #2b2a4a}
.neon-grid{position:absolute;left:50%;bottom:-190px;transform:translateX(-50%) perspective(300px) rotateX(64deg);width:600px;height:390px;background-image:linear-gradient(rgba(98,55,190,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(98,55,190,.2) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 88%)}
.hero-copy{position:relative;z-index:2;text-align:center;width:100%;padding-top:0}
.eyebrow{margin:0 0 8px;color:#7f789a;letter-spacing:3px;font-size:10px;font-weight:800}
h1{margin:0 auto 18px;max-width:450px;font-size:40px;line-height:1.04;text-transform:uppercase;background:linear-gradient(90deg,#fff 0 50%,#00d9ff 50% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(130,80,255,.12)}
.bonus{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:5px;background:linear-gradient(180deg,#9655f5,#7735d9);font-weight:900;font-size:13px;letter-spacing:.5px;box-shadow:0 0 24px rgba(133,65,237,.35)}
.hint{color:#807995;font-size:11px;margin-top:11px}
.actions{padding:16px;background:#0c0c19;border-bottom:1px solid #2b2a4a}
.btn{min-height:58px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:18px;font-weight:900;letter-spacing:1px}
.btn:last-child{margin-bottom:0}
.primary{background:linear-gradient(180deg,#9952f5,#7d3ee4);box-shadow:0 0 22px rgba(128,61,233,.25)}
.secondary{border:2px solid #00bde8;color:#00d8ff;background:#0b0b16}
.intro{padding:18px 20px;border-bottom:1px solid #2b2a4a;background:#111125}
.intro h2{margin:0 0 9px;color:#c99cff;font-size:16px}
.intro p{margin:0;color:#9892b1;line-height:1.55;font-size:13px}
.time{text-align:right;color:#514d69;font-size:9px;margin-top:9px}
.features{display:grid;grid-template-columns:1fr 1fr;background:#0d0d1c;border-bottom:1px solid #2b2a4a}
.features div{padding:15px;border-right:1px solid #2b2a4a;border-bottom:1px solid #2b2a4a}
.features div:nth-child(2n){border-right:0}.features div:nth-last-child(-n+2){border-bottom:0}
.features span{font-size:19px;float:left;margin-right:10px}.features b{display:block;font-size:12px}.features small{display:block;color:#79738d;font-size:9px;margin-top:2px}
.details{padding:18px 20px;background:#111125}
.details h2{margin:0 0 10px;color:#77718e;font-size:10px;letter-spacing:2px}
.row{display:flex;justify-content:space-between;gap:18px;padding:10px 8px;border-bottom:1px solid #262541;color:#827c9b;font-size:12px}.row b{color:#f1edff;text-align:right}
footer{padding:17px 20px 25px;background:#090914;color:#5d5870;font-size:10px;text-align:center;line-height:1.45}
@media(max-width:420px){h1{font-size:32px}.hero{min-height:330px}.btn{font-size:16px}}