@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070a0f;--panel:#0d121a;--line:#202936;--text:#f4f7fb;--muted:#8995a7;--accent:#4d8dff;--accent2:#79b3ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,#12315b55,transparent 32%),radial-gradient(circle at 15% 75%,#0e438033,transparent 30%);z-index:-1}
.nav{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:#070a0fe8;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#77b6ff,#2762d8);display:grid;place-items:center;font-size:25px;font-weight:900;font-style:italic;box-shadow:0 8px 30px #2e72e644}.brand b{display:block;letter-spacing:2px;font-size:13px}.brand small{display:block;color:#748094;font-size:9px;letter-spacing:2px;margin-top:2px}.nav nav{display:flex;gap:30px}.nav nav a{color:#9aa6b8;text-decoration:none;font-size:13px;font-weight:600}.nav nav a:hover{color:#fff}.nav-btn{background:#fff;color:#080b10;text-decoration:none;padding:12px 18px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:1px}
.hero{min-height:680px;padding:95px 8vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.pill,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent2)}.pill span,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5cff9a;box-shadow:0 0 12px #5cff9a;margin-right:8px}.hero h1{font-size:clamp(48px,6.5vw,92px);line-height:.94;margin:22px 0;font-weight:800;letter-spacing:-4px}.hero h1 strong{background:linear-gradient(90deg,#fff,#6faaff);-webkit-background-clip:text;color:transparent}.hero p{max-width:580px;color:var(--muted);line-height:1.8;font-size:16px}.actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1px}.primary{background:linear-gradient(110deg,#4b8fff,#2861d5);color:#fff;box-shadow:0 14px 35px #2861d533}.secondary{border:1px solid #344152;color:#dce5f2}.secondary.light{border-color:#ffffff33;color:#fff}.server-line{display:flex;align-items:center;gap:10px;color:#6e7b8f;font-size:11px}.server-line code{color:#dce5f2;background:#111822;border:1px solid #25303d;padding:8px 12px;border-radius:6px}.server-line button{border:0;background:transparent;color:#7dafff;font-size:18px;cursor:pointer}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb1{width:360px;height:360px;background:radial-gradient(circle,#286de633,transparent 68%);box-shadow:inset 0 0 80px #3c8cff18}.orb2{width:180px;height:180px;background:#3c8cff10;right:5%;top:5%}.cube{width:210px;height:210px;position:relative;transform:rotate(-9deg) skewY(-3deg);filter:drop-shadow(0 35px 45px #000)}.cube-front{position:absolute;inset:25px 55px 20px 25px;background:linear-gradient(145deg,#448cff,#183e94);clip-path:polygon(0 0,100% 18%,100% 100%,0 82%);display:grid;place-items:center;font-size:105px;font-weight:900;font-style:italic;text-shadow:8px 8px 0 #15316e}.cube-top{position:absolute;left:25px;top:0;width:130px;height:52px;background:#76b5ff;transform:skewX(42deg);opacity:.8}.cube-side{position:absolute;right:10px;top:43px;width:47px;height:158px;background:#16356f;transform:skewY(22deg)}.floating-card{position:absolute;bottom:10px;right:2%;background:#101720dd;border:1px solid #304054;border-radius:10px;padding:14px 18px;box-shadow:0 20px 50px #0008}.floating-card b{font-size:12px;letter-spacing:2px;display:block}.floating-card span{font-size:9px;color:#6eaaff;letter-spacing:2px}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8vw;background:#0a0f16aa}.stats div{border-right:1px solid var(--line);padding-left:35px}.stats div:last-child{border:0}.stats b{font-size:25px;display:block}.stats span{font-size:9px;color:#687588;letter-spacing:2px}.section{padding:120px 8vw}.section-head>span{color:#5e6b7d;font-size:10px;letter-spacing:2px;font-weight:800}.section-head h2{font-size:clamp(38px,5vw,65px);line-height:1.02;letter-spacing:-2px;margin:15px 0 55px}.section-head em{font-style:normal;color:#6faaff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:linear-gradient(145deg,#101720,#0b1017);border:1px solid var(--line);padding:32px;border-radius:12px;min-height:230px;transition:.25s}.cards article:hover{transform:translateY(-5px);border-color:#34537d}.icon{width:42px;height:42px;border:1px solid #31517b;border-radius:9px;display:grid;place-items:center;color:#76b1ff;font-size:20px;margin-bottom:28px}.cards h3,.shop-box h3{font-size:13px;letter-spacing:2px;margin:0 0 12px}.cards p,.shop-box p,.discord p{color:#7d8999;line-height:1.7;font-size:13px}.join{margin:0 8vw;padding:65px 6vw;border:1px solid #26384f;border-radius:16px;background:radial-gradient(circle at 80% 20%,#174d9c33,transparent 35%),#0c131c}.join{display:flex;align-items:center;justify-content:space-between;gap:30px}.join h2,.discord h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.join h2 strong{color:#6daaff}.join p{color:#7d8999}.join-box{background:#080c12;border:1px solid #273546;border-radius:10px;padding:20px;min-width:330px}.join-box span{font-size:9px;letter-spacing:2px;color:#68778a}.join-box strong{display:block;font-size:19px;margin:10px 0 18px}.join-box button{width:100%;padding:11px;background:#1a5bd2;border:0;border-radius:6px;color:#fff;font-weight:800;font-size:10px;letter-spacing:1px;cursor:pointer}.shop{padding-bottom:90px}.shop-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:14px;padding:30px;background:#0c121a}.shop-box>div{display:flex;align-items:center;gap:20px}.shop-box .icon{margin:0}.shop-box p{margin:0}.discord{margin:0 8vw 100px;padding:60px 6vw;border-radius:14px;background:linear-gradient(110deg,#111a27,#0c121a);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.discord h2{font-size:34px}footer{border-top:1px solid var(--line);padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;color:#596678;font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff;color:#080b10;padding:12px 18px;border-radius:8px;font-size:11px;font-weight:800;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.nav{padding:0 5vw}.nav nav{display:none}.nav-btn{padding:10px}.hero{grid-template-columns:1fr;padding:65px 6vw}.hero-art{height:300px;order:-1}.hero h1{letter-spacing:-2px}.stats{padding:20px 5vw;grid-template-columns:repeat(2,1fr);gap:20px}.stats div{border:0;padding-left:0}.section{padding:80px 6vw}.cards{grid-template-columns:1fr}.join,.discord{margin-left:6vw;margin-right:6vw;flex-direction:column;align-items:flex-start}.join-box{min-width:0;width:100%}.shop-box{flex-direction:column;align-items:flex-start}.shop-box>div{align-items:flex-start;flex-direction:column}footer{padding:25px 6vw;gap:20px;flex-direction:column;align-items:flex-start}}