@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--brand-blue:#3b82f6;--brand-purple:#a855f7;--brand-cyan:#22d3ee;--brand-pink:#ec4899;--bg:#080c18;--bg2:#04060f;--bg3:#0e1528;--text:#eaf0ff;--muted:#8892a4;--subtle:#3d4a5c;--panel:#ffffff0d;--panel2:#ffffff14;--border:#ffffff17;--border2:#ffffff2e;--shadow:0 24px 64px #0000008c;--shadow-sm:0 4px 20px #0000004d;--radius:16px;--radius-lg:24px;--glow-blue:0 0 60px #3b82f647;--glow-purple:0 0 60px #a855f747;--tik-color:var(--brand-blue);--control-color:#fff;--focus:0 0 0 3px #3b82f647}[data-theme=light]{--bg:#f1f3fa;--bg2:#fff;--bg3:#e5e9f4;--text:#0f172a;--muted:#475569;--subtle:#94a3b8;--panel:#0f172a0a;--panel2:#0f172a12;--border:#0f172a17;--border2:#0f172a2e;--shadow:0 24px 64px #0f172a1a;--shadow-sm:0 4px 20px #0f172a12;--glow-blue:0 0 40px #3b82f61f;--glow-purple:0 0 40px #a855f71f}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg2);background-image:radial-gradient(ellipse 1100px 700px at 15% -10%,#a855f72e,transparent 55%),radial-gradient(ellipse 900px 600px at 85% -5%,#22d3ee1f,transparent 52%),radial-gradient(ellipse 700px 900px at 50% 110%,#3b82f61f,transparent 55%),linear-gradient(180deg,var(--bg)0%,var(--bg2)70%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{box-shadow:var(--focus);border-radius:10px;outline:none}.app-root{flex-direction:column;min-height:100%;display:flex}.app-main{flex:1;width:100%;padding-bottom:60px}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}.page{max-width:1140px;margin:0 auto;padding:44px 20px 64px}.glass{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)}.glass-panel{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)}.card{padding:20px}.card-lg{padding:32px}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.h1{letter-spacing:-.03em;margin:0 0 12px;font-size:52px;font-weight:900;line-height:1.05}.h2{letter-spacing:-.02em;margin:0 0 10px;font-size:32px;font-weight:800}.p{color:var(--muted);margin:0;line-height:1.7}.gradient-text{background:linear-gradient(135deg,#c084fc 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand{letter-spacing:-.03em;font-weight:900}.brand .tik{color:var(--tik-color)}.brand .control{color:var(--control-color)}.brand-title{letter-spacing:-.03em;margin:0;font-weight:900}.brand-tik{color:var(--tik-color)}.brand-control{color:var(--control-color)}.tik{color:var(--tik-color)}.control{color:var(--control-color)}.badge{border:1px solid var(--border2);color:var(--text);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn{border:1px solid var(--border2);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:hover{background:#ffffff1f;border-color:#ffffff42;transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(#3b82f68c,#3b82f652);border-color:#3b82f680;box-shadow:0 4px 18px #3b82f62e}.btn-primary:hover{background:linear-gradient(#3b82f6b3,#3b82f67a);box-shadow:0 8px 28px #3b82f652}.btn-purple{color:#fff;background:linear-gradient(#a855f78c,#a855f752);border-color:#a855f780;box-shadow:0 4px 18px #a855f72e}.btn-purple:hover{background:linear-gradient(#a855f7b3,#a855f77a);box-shadow:0 8px 28px #a855f752}.btn.danger{color:#ef4444;background:#ef444426;border:1px solid #ef444452}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--subtle)}.hr{background:var(--border);border:0;height:1px;margin:20px 0}.kbd{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:7px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:12px}.pill{color:#c084fc;background:#a855f733;border:1px solid #a855f752;border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.feature{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;padding:20px;transition:border-color .2s,background .2s,transform .2s}.feature:hover{border-color:var(--border2);background:#ffffff12;transform:translateY(-2px)}.feature-title{margin:0 0 8px;font-size:15px;font-weight:700}.feature-text{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.section{padding:24px 0}.hero{padding:40px 0 24px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:20px;display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-title{letter-spacing:-.02em;margin:0 0 12px;font-size:40px;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--muted);max-width:700px;margin:0 0 16px;font-size:15px;line-height:1.7}.muted{opacity:.8}.small{font-size:12px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.pricing .price{margin:8px 0 10px;font-size:36px;font-weight:900}.pricing ul{opacity:.85;margin:0 0 18px;padding-left:18px;font-size:14px;line-height:1.9}.pricing li{margin:4px 0}.highlight{outline:2px solid #a855f780}@media (max-width:980px){.pricing-grid,.grid-3,.grid-2{grid-template-columns:1fr}}.cta-banner{border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.overlay-root{background:0 0;justify-content:flex-end;align-items:flex-start;width:100vw;height:100vh;padding:16px;display:flex}.overlay-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0206178c;border:1px solid #ffffff24;border-radius:18px;min-width:320px;max-width:520px;padding:14px}.overlay-title{margin-bottom:6px;font-weight:700}.overlay-status{opacity:.85;font-size:12px}.overlay-event{background:#3b82f624;border:1px solid #3b82f62e;border-radius:14px;margin-top:10px;padding:12px}.overlay-event-top{opacity:.9;font-size:12px}.overlay-event-main{margin-top:4px;font-size:16px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#060914d1;position:sticky;top:0}[data-theme=light] .navbar{background:#f6f8fee0}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:999;background:#060914fa;flex-direction:column;gap:2px;padding:8px 12px 12px;display:flex;position:absolute;top:100%;left:0;right:0}[data-theme=light] .mobile-menu{background:#f6f8fefa}.mobile-link{color:var(--text);text-align:left;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:block}.mobile-link:hover{color:var(--brand-blue);background:#ffffff0f}.legal-footer{border-top:1px solid var(--border);background:#04060f99;width:100%;padding:44px 20px 36px}[data-theme=light] .legal-footer{background:#f0f2f899}.legal-inner{width:100%;max-width:1140px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.legal-links{flex-wrap:wrap;gap:18px;display:flex}.legal-links a{color:var(--muted);transition:color .15s}.legal-links a:hover{color:var(--text)}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-purple);margin-bottom:10px;font-size:12px;font-weight:700}.section-title{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.1}.section-sub{color:var(--muted);max-width:580px;margin:0;font-size:16px;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #a855f74d}50%{box-shadow:0 0 50px #a855f799}}@keyframes tikPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.game-strip-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.game-strip{gap:12px;width:max-content;animation:38s linear infinite marquee;display:flex}.game-strip:hover{animation-play-state:paused}.game-strip-item{border:1px solid var(--border);cursor:default;border-radius:12px;flex-shrink:0;width:108px;height:148px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.game-strip-item:hover{border-color:var(--border2);transform:scale(1.06)translateY(-4px)}.game-strip-item img{object-fit:cover;width:100%;height:100%}.game-strip-label{text-align:center;color:#fff;letter-spacing:.02em;background:linear-gradient(#0000,#000000e0);padding:6px 6px 8px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.feature-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:56px 0;display:grid}.feature-showcase.flip{direction:rtl}.feature-showcase.flip>*{direction:ltr}@media (max-width:860px){.feature-showcase{direction:ltr;grid-template-columns:1fr;gap:28px;padding:36px 0}.feature-showcase.flip{direction:ltr}}.feature-showcase-media{border:1px solid var(--border);box-shadow:var(--shadow);background:var(--bg3);border-radius:16px;overflow:hidden}.feature-showcase-media img,.feature-showcase-media video{width:100%;height:auto;display:block}.feature-showcase-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--brand-purple);margin-bottom:12px;font-size:12px;font-weight:700}.feature-showcase-title{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1.15}.feature-showcase-desc{color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.75}.feature-example-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.feature-example-list li{color:var(--muted);align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.feature-example-list li:before{content:"";background:var(--brand-purple);border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-strip{border:1px solid var(--border);background:#ffffff09;border-radius:16px;display:flex;overflow:hidden}.stat-strip-item{text-align:center;border-right:1px solid var(--border);flex:1;padding:22px 20px}.stat-strip-item:last-child{border-right:none}.stat-num{letter-spacing:-.02em;margin-bottom:5px;font-size:28px;font-weight:900;line-height:1}.stat-label{color:var(--muted);font-size:12px;font-weight:500}@media (max-width:600px){.stat-strip{flex-wrap:wrap}.stat-strip-item{border-bottom:1px solid var(--border);flex:50%}}.chaos-callout{text-align:center;background:linear-gradient(135deg,#a855f71c,#3b82f612);border:1px solid #a855f747;border-radius:22px;padding:56px 48px;position:relative;overflow:hidden}@media (max-width:640px){.chaos-callout{padding:36px 24px}}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:720px){.steps{grid-template-columns:1fr}}.step-card{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;padding:26px;transition:border-color .2s,background .2s,transform .2s}.step-card:hover{background:#a855f70a;border-color:#a855f759;transform:translateY(-2px)}.step-num{color:#a855f7;background:#a855f729;border:1px solid #a855f752;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.step-title{margin:0 0 8px;font-size:16px;font-weight:700}.step-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.pricing-card{border:1px solid var(--border);background:#ffffff0a;border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{background:#3b82f60d;border-color:#3b82f673}.pricing-card.ultra{box-shadow:0 0 0 1px #a855f726,var(--shadow);background:linear-gradient(160deg,#a855f714,#3b82f608);border-color:#a855f780}.mod-grid-v2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}@media (max-width:600px){.mod-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.mod-grid-v2{grid-template-columns:1fr}}.auth-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:40px 20px;display:flex}.auth-card{width:100%;max-width:460px}