:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#06060f;color:#fafafa;overflow:hidden}.scene{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,transparent 70%),linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;z-index:0}.hub{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center;z-index:1}.hub-inner{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.hub-core{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#818cf8,#4f46e5 60%,#3730a3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6366f180,0 0 60px #6366f140,inset 0 0 20px #ffffff1a;z-index:2;transition:transform .6s ease,box-shadow .6s ease}.hub--pulse .hub-core{transform:scale(1.08);box-shadow:0 0 40px #6366f1b3,0 0 80px #6366f159,inset 0 0 20px #ffffff26}.hub-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:700;letter-spacing:.15em;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.hub-ring{position:absolute;border-radius:50%;border:1px solid rgba(99,102,241,.2);animation:ringPulse 3s ease-in-out infinite}.hub-ring-1{width:86px;height:86px;animation-delay:0s}.hub-ring-2{width:100px;height:100px;animation-delay:.5s}.hub-ring-3{width:114px;height:114px;animation-delay:1s}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(99,102,241,.12);top:50%;left:50%;transform:translate(-50%,-50%);animation:ringRotate linear infinite}@keyframes ringRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.mascot-orbit{position:absolute;width:0;height:0;top:50%;left:50%;animation:mascotOrbit 6s linear infinite}.mascot{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(99,102,241,.6));animation:mascotCounter 6s linear infinite}@keyframes mascotOrbit{0%{transform:rotate(0) translate(120px)}to{transform:rotate(360deg) translate(120px)}}@keyframes mascotCounter{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.orbit-trail{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#818cf8,transparent 70%);top:50%;left:50%;animation:trailOrbit 6s linear infinite}@keyframes trailOrbit{0%{transform:rotate(0) translate(120px) translate(-50%,-50%)}to{transform:rotate(360deg) translate(120px) translate(-50%,-50%)}}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;animation:sparkle 2s ease-in-out infinite}.sparkle-1{top:-4px;left:50%;animation-delay:0s}.sparkle-2{top:40%;right:-4px;animation-delay:.7s}.sparkle-3{bottom:20%;left:-2px;animation-delay:1.3s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.particle{position:fixed;border-radius:50%;background:#818cf899;animation:particleFloat ease-in-out infinite;z-index:0}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.title-area{text-align:center;margin-top:2.5rem;z-index:1}.title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .25rem;background:linear-gradient(135deg,#c7d2fe,#6366f1,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.85rem;color:#fff6;margin:0;letter-spacing:.04em}