:root{--bg:#111;--surface:#17101f;--surface2:#1f1530;--border:#322044;--violet:#8a2be2;--purple:#4b1d8a;--green:#39ff14;--pink:#ff2bd6;--cyan:#00f0ff;--gold:gold;--text:#f5f3fb;--text-dim:#a89fc2;--radius:20px;font-family:Inter,system-ui,sans-serif}[data-theme=light]{--bg:#f3f1fa;--surface:#fff;--surface2:#f1edfb;--border:#e0d8f5;--text:#19122a;--text-dim:#5f5578}[data-motion=reduced] *{transition:none!important;animation:none!important}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 0,#8a2be240,#0000 40%),radial-gradient(circle at 85% 10%,#00f0ff1f,#0000 35%);margin:0}h1,h2,h3,h4,.brand{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 20px}.btn{letter-spacing:.3px;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(90deg, var(--pink), var(--violet));color:#fff;box-shadow:0 0 20px #ff2bd673}.btn-secondary{color:var(--cyan);border:1px solid var(--cyan);background:0 0;box-shadow:0 0 12px #00f0ff40}.btn-gold{background:linear-gradient(90deg, var(--gold), #ffb347);color:#1a1a1a}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-live{color:var(--green);border:1px solid var(--green);background:#39ff1426}.badge-scheduled{color:var(--cyan);border:1px solid var(--cyan);background:#00f0ff1f}.badge-demo{color:var(--gold);border:1px solid var(--gold);background:#ffd7001f}.logo{background:linear-gradient(90deg, var(--green), var(--cyan), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.hero{text-align:center;padding:70px 0 50px}.hero h1{margin:18px 0 10px;font-size:clamp(32px,6vw,56px);line-height:1.1}.hero .tagline{color:var(--text-dim);margin-bottom:30px;font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px;display:flex}.crown{font-size:46px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:40px 0;display:grid}.feature-grid .card{text-align:left}.feature-grid .icon{margin-bottom:10px;font-size:28px}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.tier-card{border-top:3px solid var(--accent,var(--cyan))}.tier-price{margin:6px 0 14px;font-size:26px;font-weight:800}.tier-card ul{color:var(--text-dim);margin:0;padding:0;font-size:13px;list-style:none}.tier-card li{padding:4px 0}footer.site-footer{text-align:center;color:var(--text-dim);padding:40px 0 100px;font-size:13px}.cta-banner{border:1px solid var(--pink);border-radius:var(--radius);background:linear-gradient(120deg,#ff2bd624,#8a2be22e);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:10px 0 36px;padding:22px 26px;display:flex;box-shadow:0 0 26px #ff2bd62e}.cta-banner h3{margin:0 0 4px;font-size:19px}.cta-banner p{color:var(--text-dim);margin:0;font-size:13.5px}.cta-banner-secondary{background:var(--surface2);border:1px solid var(--border);box-shadow:none;padding:18px 22px}.content-block{margin:44px 0}.content-block-label{letter-spacing:1px;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan);border-radius:999px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.content-block-label.biz{color:var(--gold);border-color:var(--gold)}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#111111d9;align-items:center;gap:14px;padding:14px 20px;display:flex;position:sticky;top:0}[data-theme=light] .topbar{background:#ffffffd9}.search-wrap{flex:1;max-width:420px;position:relative}.search-input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:999px;padding:10px 14px;font-size:14px}.search-results{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:14px;max-height:280px;position:absolute;top:44px;left:0;right:0;overflow:hidden auto}.search-results a,.search-results .sr-empty{border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px;display:block}.search-results a:hover{background:var(--surface2)}.xp-pill{background:var(--surface2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-size:13px;display:flex}.bottom-nav{z-index:20;border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111f2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=light] .bottom-nav{background:#fffffff2}.bottom-nav a{color:var(--text-dim);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:11px;display:flex}.bottom-nav a.active{color:var(--pink);text-shadow:0 0 10px #ff2bd699}.bottom-nav .nav-icon{font-size:19px}.page-wrap{padding:20px 0 110px}.section-title{justify-content:space-between;align-items:center;margin:28px 0 14px;display:flex}.section-title h2{margin:0;font-size:20px}.xp-bar-track{background:var(--surface2);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--green), var(--cyan));height:100%;box-shadow:0 0 10px #39ff1499}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.mission-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.mission-row:last-child{border-bottom:none}.mission-xp{color:var(--gold);font-size:13px;font-weight:700}.chat-box{background:var(--surface2);min-height:90px;color:var(--text-dim);border-radius:14px;margin-bottom:10px;padding:14px;font-size:14px}.chat-input-row{gap:8px;display:flex}.chat-input-row input{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:999px;flex:1;padding:10px 14px}.avatar-circle{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.leaderboard-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.leaderboard-rank{width:24px;color:var(--gold);font-weight:800}.vote-btn{margin-left:auto}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none}.pill-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:999px;display:flex;overflow:hidden}.pill-toggle button{color:var(--text-dim);background:0 0;border:none;padding:6px 14px;font-size:13px}.pill-toggle button.active{background:var(--violet);color:#fff}.toast{background:var(--surface);border:1px solid var(--green);color:var(--green);z-index:50;border-radius:999px;padding:10px 18px;font-size:13px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #39ff1466}.qr-box{background:#fff;border-radius:14px;padding:10px;display:inline-block}.note{color:var(--text-dim);margin-top:6px;font-size:12px}@media (width>=900px){.bottom-nav{display:none}.page-wrap{padding-bottom:60px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.6)rotate(-6deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}80%{transform:scale(.97)rotate(0)}to{opacity:1;transform:scale(1)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseDot{0%{box-shadow:0 0 #39ff1499}70%{box-shadow:0 0 0 9px #39ff1400}to{box-shadow:0 0 #39ff1400}}@keyframes shimmerSweep{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotateEmblem{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes tapPulse{0%{transform:scale(1)}50%{transform:scale(.94)}to{transform:scale(1)}}.page-enter{animation:.32s cubic-bezier(.22,1,.36,1) both fadeSlideUp}.stagger-item{animation:.36s cubic-bezier(.22,1,.36,1) both fadeSlideUp;animation-delay:calc(var(--d,0) * 70ms)}.btn,a.card,.card{transition:transform .16s,box-shadow .2s,border-color .2s}.btn:active{animation:.16s tapPulse}.btn:hover:not([disabled]){transform:translateY(-2px)}a.card:hover,.card.hoverable:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 8px 24px #ff2bd62e}.shimmer{background-image:linear-gradient(110deg,#0000 30%,#ffffff2e 50%,#0000 70%);background-repeat:no-repeat;background-size:300px 100%;animation:2.4s ease-in-out infinite shimmerSweep;position:relative;overflow:hidden}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.6s infinite pulseDot;display:inline-block}.floating-ai{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff;z-index:45;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;animation:3.2s ease-in-out infinite floatY;display:flex;position:fixed;bottom:86px;right:16px;box-shadow:0 0 22px #ff2bd68c,0 0 40px #00f0ff40}@media (width>=900px){.floating-ai{bottom:26px}}.tilt-wrap{perspective:900px}.tilt-inner{transform-style:preserve-3d;will-change:transform;transition:transform .16s}.emblem-3d{transform-style:preserve-3d;animation:7s linear infinite rotateEmblem;display:inline-block}.achievement-banner{z-index:60;background:linear-gradient(135deg, var(--surface2), var(--surface));border:1px solid var(--gold);text-align:center;border-radius:16px;padding:14px 22px;animation:1.3s cubic-bezier(.34,1.56,.64,1) both popIn;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffd70066}.tooltip{display:inline-flex;position:relative}.tooltip:after{content:attr(data-tip);background:var(--surface2);border:1px solid var(--border);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;z-index:40;border-radius:8px;padding:6px 10px;font-size:11px;transition:opacity .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after,.tooltip:focus-within:after{opacity:1}.carousel{scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.carousel>*{scroll-snap-align:start;flex:0 0 240px}.sponsor-slide{animation:.5s both fadeIn}.sponsor-label{letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 8px;font-size:10px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.spinner-ring{border:3px solid var(--border);border-top-color:var(--pink);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.skeleton{background:var(--surface2);border-radius:14px;height:70px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.skip-link{z-index:100;background:var(--pink);color:#fff;border-radius:0 0 10px;padding:10px 16px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.legal-item{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:10px;overflow:hidden}.legal-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.legal-item summary::-webkit-details-marker{display:none}.legal-item .legal-body{color:var(--text-dim);padding:0 16px 16px;font-size:13.5px;line-height:1.6}.legal-item .legal-body h4{color:var(--text);margin:10px 0 4px;font-size:13px}.draft-flag{color:var(--pink);border:1px solid var(--pink);text-transform:uppercase;letter-spacing:.5px;background:#ff2bd61f;border-radius:999px;padding:2px 8px;font-size:10px}.trust-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.trust-row:last-child{border-bottom:none}.mini-footer{text-align:center;color:var(--text-dim);padding:18px 0 4px;font-size:12px}.mini-footer a{color:var(--cyan)}