:root{--bg: #0C0F1A;--fg: #D9E1FF;--muted: #90A0C0;--neon-blue: #00A3FF;--neon-violet: #7B42F6;--gold-1: #E7B05C;--gold-2: #F6D98D;--glass: rgba(255,255,255,.06);--blur: 12px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:radial-gradient(1200px 800px at 60% 20%,rgba(123,66,246,.12),transparent 60%),radial-gradient(1000px 600px at 40% 80%,rgba(0,163,255,.1),transparent 65%),var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.hidden{display:none}#loading-overlay{position:fixed;inset:0;z-index:9999;overflow:hidden;background:radial-gradient(900px 600px at 50% 50%,rgba(0,163,255,.12),transparent 60%),#06080f}#loading-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.loading-ui{position:absolute;inset:0;display:grid;place-items:center;gap:20px;padding:24px}.loading-ui .logo{font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.06em;font-size:clamp(28px,6vw,54px);background:linear-gradient(90deg,var(--neon-blue),var(--neon-violet),var(--gold-1),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(0,163,255,.45),0 0 36px rgba(123,66,246,.35)}.energy-bar{width:min(520px,80vw);height:14px;border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff05);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 0 12px #00a3ff2e,inset 0 0 18px #7b42f629}.energy-bar .fill{height:100%;width:0%;background:linear-gradient(90deg,#7b42f600,#7b42f638,#00a3ff4d 60%,#e6c07042),repeating-linear-gradient(90deg,#ffffff2e 0 10px,#ffffff05 10px 20px);border-right:2px solid rgba(246,217,141,.9);position:relative;transition:width .16s ease}.energy-bar .spark{position:absolute;right:-8px;top:-6px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(246,217,141,.95),rgba(231,176,92,.6) 40%,transparent 70%);filter:blur(1px);box-shadow:0 0 18px #f6d98de6,0 0 30px #00a3ff99}.loading-ui .hint{font-size:14px;color:var(--muted)}.topnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.32) 40%,transparent);backdrop-filter:blur(var(--blur));border-bottom:1px solid rgba(255,255,255,.06)}.topnav .brand{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#e8eeff}.topnav .links a{color:#c7d4ff;text-decoration:none;margin-left:18px;font-size:14px;opacity:.9}.hero{min-height:calc(100svh - 72px);padding:clamp(32px,6vw,80px) 28px 64px;display:grid;place-content:center;text-align:center;gap:18px;position:relative;overflow:hidden}.neon-title{font-family:Orbitron,Inter,system-ui;line-height:1.1;margin:0;letter-spacing:.02em;text-shadow:0 0 20px rgba(0,163,255,.35),0 0 36px rgba(123,66,246,.3),0 4px 24px rgba(0,0,0,.6)}.neon-title .line1{display:block;font-size:clamp(40px,9vw,96px);background:linear-gradient(90deg,var(--neon-blue),var(--neon-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.neon-title .line2{display:block;font-size:clamp(18px,3.2vw,28px);background:linear-gradient(90deg,var(--gold-1),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px}.subtitle{color:#a8b6da;margin:8px 0 16px}.cta{display:flex;gap:14px;justify-content:center}.btn{padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.btn.primary{color:#0a0e18;background:linear-gradient(90deg,var(--neon-blue),var(--neon-violet));box-shadow:0 8px 24px #00a3ff47,inset 0 0 12px #ffffff2e}.btn.ghost{color:#dde6ff;background:var(--glass)}.btn:hover{transform:translateY(-1px)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:.9}.logo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2;opacity:.95}.dust{position:absolute;inset:0;z-index:1;pointer-events:none}.dust:before,.dust:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.25),transparent 60%),radial-gradient(1.5px 1.5px at 80% 30%,rgba(0,163,255,.22),transparent 60%),radial-gradient(1.8px 1.8px at 30% 70%,rgba(123,66,246,.22),transparent 60%),radial-gradient(1.6px 1.6px at 60% 60%,rgba(231,176,92,.22),transparent 60%);animation:drift 12s linear infinite;opacity:.55}.dust:after{animation-duration:18s;opacity:.35;filter:blur(.4px)}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-20px)}}footer.foot{padding:24px 28px;color:#8fa1c2;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(0deg,rgba(10,12,18,.72),rgba(10,12,18,.32) 60%,transparent)}.map3d{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:auto}@media (prefers-reduced-motion: reduce){.dust:before,.dust:after{animation:none}.btn:hover{transform:none}}