@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary: #ff6b00;--primary-glow: rgba(255, 107, 0, .4);--secondary: #ffd700;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-dim: #94a3b8;--accent-red: #ef4444;--accent-green: #22c55e;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#1e293b,#0f172a)}#root{max-width:500px;margin:0 auto;height:100dvh;display:flex;flex-direction:column}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:20px;box-shadow:0 8px 32px #0000004d}h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:600;color:var(--text-main)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;gap:8px;width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),#e65100);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-main)}.btn-secondary:active{transform:scale(.96)}.btn-icon{width:44px;height:44px;padding:0;border-radius:12px}.input-group{margin-bottom:20px}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dim);margin-bottom:8px;margin-left:4px}input[type=text],input[type=number]{width:100%;padding:14px 16px;background:#0f172a80;border:1px solid var(--glass-border);border-radius:14px;color:var(--text-main);font-size:1rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s}input:focus{border-color:var(--primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:slideUp .4s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}