:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f666;--bg-color:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--card-bg:#ffffffb3;--card-border:#ffffff80;--error-bg:#fef2f2;--error-text:#ef4444;--success-bg:#f0fdf4;--success-text:#22c55e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.app-container{flex-direction:column;gap:1.5rem;width:100%;max-width:480px;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:1.5rem;padding:2rem;transition:transform .3s;box-shadow:0 10px 40px -10px #0003}.glass-card:hover{transform:translateY(-2px)}.card-header{border-bottom:1px solid #0000000d;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-icon{background:linear-gradient(135deg, var(--primary-color), #8b5cf6);color:#fff;width:48px;height:48px;box-shadow:0 4px 15px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.header-icon svg{width:24px;height:24px}.header-text h1{letter-spacing:-.025em;color:#fff;font-size:1.25rem;font-weight:600}.header-text p{color:#ffffffb3;margin-top:.25rem;font-size:.875rem}.form-container{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#fff;font-size:.875rem;font-weight:500}.input-wrapper input{width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffffe6;border:1px solid #fff3;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.alert{border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-alert{background-color:var(--error-bg);color:var(--error-text);border:1px solid #ef444433}.success-alert{background-color:var(--success-bg);color:var(--success-text);border:1px solid #22c55e33}.primary-button{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;display:flex}.primary-button:hover:not(:disabled){box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer-info{text-align:center;color:#ffffff80;font-size:.75rem}