@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#120e1b;--bg-deep:#1c1726;--bg-card:#261f3399;--bg-card-hover:#2f273fcc;--color-primary:#9b63e9;--color-secondary:#5eeded;--color-accent:#f5c73d;--text-main:#f2f2f2;--text-muted:#bdb9c6;--text-dark:#221b32;--border-color:#5c478533;--border-color-glow:#5eeded66;--glow-shadow-primary:0 0 20px #9b63e940;--glow-shadow-secondary:0 0 25px #5eeded4d;--glow-shadow-accent:0 0 20px #f5c73d40;--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Cinzel", Georgia, serif;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 20% 30%, #9b63e926 0%, transparent 40%), radial-gradient(circle at 80% 70%, #5eeded1f 0%, transparent 45%), radial-gradient(circle at 50% 50%, #120e1b 0%, var(--bg-dark) 100%);z-index:-2;width:100vw;height:100vh;animation:20s ease-in-out infinite alternate auroraBackground;position:fixed;top:0;left:0}body:after{content:"";opacity:.3;z-index:-1;background-image:radial-gradient(1px 1px at 10% 20%,#fff,#fff0),radial-gradient(1.5px 1.5px at 30% 40%,#fffc,#fff0),radial-gradient(1px 1px at 50% 10%,#fff,#fff0),radial-gradient(2px 2px at 70% 80%,#ffffffe6,#fff0),radial-gradient(1px 1px at 90% 30%,#fff,#fff0),radial-gradient(1.5px 1.5px at 20% 80%,#ffffffb3,#fff0),radial-gradient(2px 2px at 80% 15%,#fffc,#fff0);background-size:550px 550px;width:100vw;height:100vh;animation:8s linear infinite twinklingStars;position:fixed;top:0;left:0}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-main);text-shadow:0 0 10px #ffffff1a}p{color:var(--text-muted);line-height:1.6}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-color-glow);box-shadow:var(--glow-shadow-secondary), 0 8px 32px 0 #00000073}.mouse-aura{pointer-events:none;z-index:-1;background:radial-gradient(circle,#5eeded0d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@keyframes auroraBackground{0%{background-position:0 0}50%{background-position:50%}to{background-position:100% 100%}}@keyframes twinklingStars{0%{opacity:.25}50%{opacity:.4}to{opacity:.25}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(180, 80%, 65%, .2)}50%{box-shadow:var(--glow-shadow-secondary)}}.font-display{font-family:var(--font-display)}.text-gradient-cyan{background:linear-gradient(135deg, #fff 30%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, #fff 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, #fff 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glow-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--bg-deep) 100%);border:1px solid var(--border-color);color:var(--text-main);font-size:1rem;font-family:var(--font-primary);cursor:pointer;box-shadow:var(--glow-shadow-primary);transition:all var(--transition-normal);border-radius:30px;outline:none;padding:12px 28px;font-weight:500}.glow-btn:hover{border-color:var(--color-secondary);box-shadow:var(--glow-shadow-secondary);background:linear-gradient(135deg, var(--color-primary) 30%, #5eeded33 100%);transform:scale(1.03)}.glow-btn:active{transform:scale(.98)}