@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-sans);--bg-dark:#07050f;--bg-card:#14102399;--bg-card-hover:#1c1730cc;--border-glass:#ffffff14;--border-focus:#fff3;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-bright:#fff;--shadow-glow:0 8px 32px 0 #0000005e;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--accent:#a855f7;--accent-secondary:#9333ea;--accent-glow:#a855f766;--accent-bg:#a855f71a;--theme-gradient:linear-gradient(135deg, #10061e, #1e0933)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-bright);letter-spacing:-.02em;font-weight:700}p{color:var(--text-muted);line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-bright)}input,select,textarea{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-bright);font-family:var(--font-sans);background:#ffffff0a;outline:none;padding:12px 16px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg), 0 0 12px var(--accent-glow);background:#ffffff14}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:var(--text-bright);border-radius:var(--radius-md);box-shadow:0 4px 14px var(--accent-glow);justify-content:center;align-items:center;gap:8px;padding:14px 24px;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#ffffff14;transform:none}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-bright);border-radius:var(--radius-md);background:#ffffff0f;padding:14px 24px}.btn-secondary:hover{border-color:var(--border-focus);background:#ffffff1a}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);padding:24px;transition:border-color .3s}.glass-panel:hover{border-color:#ffffff1f}.app-container{flex-direction:column;flex:1;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:20px 20px 100px;display:flex}.svg-filters{pointer-events:none;width:0;height:0;position:absolute}:root{--teal-primary:#06b6d4;--teal-secondary:#0891b2;--teal-glow:#06b6d473;--teal-bg:#06b6d414;--teal-gradient:linear-gradient(135deg, #072228, #031417);--purple-primary:#a855f7;--purple-secondary:#9333ea;--purple-glow:#a855f773;--purple-bg:#a855f714;--purple-gradient:linear-gradient(135deg, #1b0a2c, #0f051a);--coral-primary:#ff6f61;--coral-secondary:#e55b4f;--coral-glow:#ff6f6173;--coral-bg:#ff6f6114;--coral-gradient:linear-gradient(135deg, #2d100d, #1a0806);--gold-primary:#eab308;--gold-secondary:#ca8a04;--gold-glow:#eab30873;--gold-bg:#eab30814;--gold-gradient:linear-gradient(135deg, #241d06, #161203)}.theme-teal{--accent:var(--teal-primary);--accent-secondary:var(--teal-secondary);--accent-glow:var(--teal-glow);--accent-bg:var(--teal-bg);--theme-gradient:var(--teal-gradient)}.theme-purple{--accent:var(--purple-primary);--accent-secondary:var(--purple-secondary);--accent-glow:var(--purple-glow);--accent-bg:var(--purple-bg);--theme-gradient:var(--purple-gradient)}.theme-coral{--accent:var(--coral-primary);--accent-secondary:var(--coral-secondary);--accent-glow:var(--coral-glow);--accent-bg:var(--coral-bg);--theme-gradient:var(--coral-gradient)}.theme-gold{--accent:var(--gold-primary);--accent-secondary:var(--gold-secondary);--accent-glow:var(--gold-glow);--accent-bg:var(--gold-bg);--theme-gradient:var(--gold-gradient)}.themed-background{background:var(--theme-gradient);background-attachment:fixed;transition:background .5s}@keyframes glow-pulse{0%{box-shadow:0 0 5px var(--accent-glow), 0 0 10px var(--accent-glow)}50%{box-shadow:0 0 15px var(--accent,#a855f7), 0 0 25px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow), 0 0 10px var(--accent-glow)}}@keyframes text-glow{0%,to{text-shadow:0 0 4px var(--accent-glow)}50%{text-shadow:0 0 8px var(--accent), 0 0 15px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-over-alert{0%{opacity:0;transform:translate(-50%,-100%)scale(.9)}15%{opacity:1;transform:translate(-50%,20px)scale(1)}85%{opacity:1;transform:translate(-50%,20px)scale(1)}to{opacity:0;transform:translate(-50%,-100%)scale(.9)}}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.animate-text-glow{animation:3s ease-in-out infinite text-glow}.animate-float{animation:4s ease-in-out infinite float}.animate-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scale-up}.animate-fade-in{animation:.3s ease-out forwards fade-in}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.delay-9{animation-delay:.45s}.delay-10{animation-delay:.5s}.delay-11{animation-delay:.55s}.delay-12{animation-delay:.6s}.delay-13{animation-delay:.65s}.delay-14{animation-delay:.7s}.delay-15{animation-delay:.75s}
