:root{--bg-primary: #0d1117;--bg-glass: rgba(22, 27, 39, .8);--accent-cyan: #00b4d8;--accent-purple: #7b2fbe;--text-primary: #e8eaed;--text-muted: #8b949e;--green: #00c896;--red: #ff4444;--border-cyan: rgba(0, 180, 216, .2);--border-cyan-hover: rgba(0, 180, 216, .6);--glow-cyan: rgba(0, 180, 216, .5);--glow-purple: rgba(123, 47, 190, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;width:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,180,216,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(123,47,190,.06) 0%,transparent 50%)}.glass-panel{background:#161b27cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.2);border-radius:16px}.neon-heading{color:var(--text-primary);font-weight:700;text-shadow:0 0 20px rgba(0,180,216,.5)}.neon-label{color:var(--accent-cyan);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.btn-primary{background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);border-radius:12px;padding:10px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.btn-primary:hover{background:#00b4d81f;box-shadow:0 0 16px #00b4d859}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(139,148,158,.3);border-radius:12px;padding:10px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.input-field{background:#161b27cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.2);border-radius:12px;color:var(--text-primary);font-size:15px;padding:12px 16px;width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00b4d826}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00b4d84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00b4d880}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:#00b4d81a;border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.page-container{min-height:100vh;padding:24px 16px;max-width:1200px;margin:0 auto}@keyframes pulse-border{0%{border-color:#00b4d84d}50%{border-color:#00b4d8cc}to{border-color:#00b4d84d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}@keyframes ghost-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes particle-float{0%{transform:translateY(0) scale(1.5);opacity:.6}to{transform:translateY(-100vh) scale(0);opacity:0}}@keyframes orb-pulse{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--tier-color) 60%,transparent),0 0 24px color-mix(in srgb,var(--tier-color) 30%,transparent),inset 0 0 8px color-mix(in srgb,var(--tier-color) 20%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--tier-color) 90%,transparent),0 0 40px color-mix(in srgb,var(--tier-color) 50%,transparent),inset 0 0 12px color-mix(in srgb,var(--tier-color) 40%,transparent)}}@keyframes float-label{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}@keyframes ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ghost-glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes glitch-shift{0%,90%,to{filter:hue-rotate(0deg) drop-shadow(0 0 12px #7B2FBE)}92%{filter:hue-rotate(90deg) drop-shadow(2px 0 8px #FF0000)}94%{filter:hue-rotate(-90deg) drop-shadow(-2px 0 8px #0000FF)}96%{filter:hue-rotate(0deg) drop-shadow(0 0 20px #7B2FBE)}}@keyframes singularity-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}