:root{--primary:#004a8d;--primary-hover:#003666;--accent:#f47920;--accent-hover:#d96515;--bg-main:#f0f4f8;--glass:#ffffffd9;--glass-border:#004a8d26;--text-main:#1e293b;--text-muted:#475569}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{color:var(--text-main);background:#f8fafc;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #004a8d14}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f479204d}input{color:var(--text-main);background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;transition:all .2s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #004a8d33}.container{max-width:600px;margin:2rem auto;padding:0 1rem}@media (width<=480px){.container{margin:1rem auto}.glass-card{padding:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}