:root{--bg:#070d18;--panel:#0e1828;--line:#20304a;--text:#f6f8ff;--muted:#91a0b9;--accent:#7c5cff;--cyan:#20d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 4%,#172357 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid #17243a}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;font-weight:800}.brand img{width:34px;height:34px}.top-actions{display:flex;gap:10px}.lang,.avatar{border:1px solid var(--line);background:#111c2e;color:#fff;border-radius:12px;height:40px;min-width:40px;font-weight:800}.avatar{background:linear-gradient(135deg,var(--accent),#b342ff)}main{max-width:1180px;margin:auto;padding:38px 24px 120px}.page{display:none}.page.active{display:block}.hero{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:32px;padding:38px;border:1px solid #243658;border-radius:28px;background:linear-gradient(125deg,rgba(20,33,56,.94),rgba(13,21,37,.82));overflow:hidden;box-shadow:0 24px 80px #0007}.eyebrow,.section-title small,.page-head small{color:#8ca3c8;font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;max-width:760px;margin:16px 0}.hero h1 em{font-style:normal;color:#9c83ff}.hero p,.page-head p{color:var(--muted);font-size:17px;line-height:1.6;max-width:650px}.orb{justify-self:center;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 25%,#fff, #8d67ff 8%,#4526d4 42%,#071027 71%);box-shadow:0 0 80px #7350ff88}.orb span{font-size:48px;font-weight:900;text-shadow:0 8px 30px #000}.section-title{display:flex;align-items:end;justify-content:space-between;margin:42px 0 18px}.section-title h2{margin:5px 0 0;font-size:28px}.section-title button{border:0;background:transparent;color:#9d88ff;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{text-align:left;min-height:185px;border:1px solid var(--line);border-radius:22px;padding:21px;color:#fff;background:linear-gradient(145deg,#111c2d,#0b1422);cursor:pointer;transition:.2s transform,.2s border}.service:hover{transform:translateY(-4px);border-color:var(--glow)}.service .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:25px;background:color-mix(in srgb,var(--glow) 18%,transparent);color:var(--glow);margin-bottom:21px}.service b,.service small,.service i{display:block}.service b{font-size:19px}.service small{color:var(--muted);margin-top:6px}.service i{font-size:10px;font-style:normal;font-weight:900;letter-spacing:.13em;margin-top:19px;color:var(--glow)}.violet{--glow:#9d7cff}.cyan{--glow:#27dfd0}.pink{--glow:#ff69bb}.amber{--glow:#ffbd4a}.green{--glow:#52dd8c}.blue{--glow:#55a7ff}.empty,.notice,.profile-card,.balance{border:1px solid var(--line);background:#0d1726;border-radius:20px;padding:24px}.empty{display:flex;gap:18px;align-items:center}.empty>span{font-size:30px;color:#8d75ff}.empty b{font-size:17px}.empty p,.profile-card p{color:var(--muted);margin:6px 0 0}.page-head h1{font-size:42px;margin:10px 0}.notice{color:#b8c4d8}.profile-card,.balance{max-width:560px;text-align:center;margin-top:28px}.big-avatar{margin:auto;width:76px;height:76px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(135deg,var(--accent),#c043ff);font-size:32px;font-weight:900}.profile-card button,.balance button{width:100%;padding:15px;border:0;border-radius:13px;margin-top:22px;background:#283448;color:#8d9ab0}.balance small,.balance strong{display:block}.balance strong{font-size:38px;margin:12px}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:7px;border:1px solid #2a3a58;border-radius:19px;background:#0d1727eF;backdrop-filter:blur(18px);box-shadow:0 16px 50px #0009}.bottom-nav button{width:110px;border:0;border-radius:13px;padding:9px 8px;background:transparent;color:#8190a7;font-size:11px;font-weight:700}.bottom-nav span{display:block;font-size:20px;margin-bottom:3px}.bottom-nav button.active{background:#7255ed;color:#fff}.toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%,16px);padding:12px 18px;border-radius:12px;background:#fff;color:#101827;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 40px #0009;white-space:nowrap;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.topbar{height:62px;padding:0 16px}main{padding:22px 14px 106px}.hero{grid-template-columns:1fr;padding:24px}.hero h1{font-size:43px}.hero p{font-size:15px}.orb{display:none}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service{min-height:160px;padding:16px;border-radius:18px}.service .icon{margin-bottom:15px}.service b{font-size:16px}.service small{font-size:12px}.section-title{margin-top:31px}.bottom-nav{bottom:8px;width:calc(100% - 16px);justify-content:space-around}.bottom-nav button{width:auto;flex:1}.page-head h1{font-size:34px}}@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service{min-height:auto}.hero h1{font-size:37px}}