@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-yellow:#ffd11a;--primary-yellow-hover:#e5bb17;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e293b;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:#0006;--text-primary:#f8fafc;--text-secondary:#94a3b8;--error-color:#ef4444;--success-color:#10b981;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:radial-gradient(circle at top right, var(--bg-gradient-end) 0%, var(--bg-gradient-start) 100%);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.15;border-radius:50%;width:300px;height:300px;position:absolute}body:before{background:var(--primary-yellow);top:15%;right:15%}body:after{background:#3b82f6;bottom:15%;left:15%}.auth-container{justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 20px 40px var(--glass-shadow);text-align:center;background:#1e293bb3;border-radius:24px;width:100%;max-width:480px;padding:40px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{transform:translateY(-4px)}.loading-card{flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.loading-card h2{margin-top:24px;font-size:1.5rem;font-weight:500}.loading-card p{color:var(--text-secondary);margin-top:8px;font-size:.95rem}.spinner{color:var(--primary-yellow);animation:1.2s linear infinite spin}.spinner-small{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-container{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.logo-circle{background:var(--primary-yellow);color:#000;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #ffd11a4d}.logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.form-header h2{letter-spacing:-.5px;margin-bottom:8px;font-size:1.75rem;font-weight:600}.email-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.email-subtitle strong{color:var(--text-primary)}.reset-form{flex-direction:column;gap:20px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:16px}.input-wrapper input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-family);background:#0f172a99;border-radius:14px;padding:16px 16px 16px 48px;font-size:1rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary-yellow);background:#0f172acc;outline:none;box-shadow:0 0 0 3px #ffd11a26}.eye-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:16px}.eye-toggle:hover{color:var(--text-primary)}.error-alert{color:#fca5a5;text-align:left;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;margin-bottom:12px;padding:14px 16px;font-size:.9rem;display:flex}.action-button{font-family:var(--font-family);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000040}.submit-btn{background:var(--primary-yellow);color:#000;border:none;margin-top:10px}.submit-btn:hover:not(:disabled){background:var(--primary-yellow-hover);transform:translateY(-1px);box-shadow:0 6px 16px #ffd11a40}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background:var(--primary-yellow);color:#000;border:none}.primary-btn:hover{background:var(--primary-yellow-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ffd11a4d}.icon-badge{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex;box-shadow:0 8px 16px #0003}.success-badge{color:var(--success-color);background:#10b98126;border:1px solid #10b9814d}.error-badge{color:var(--error-color);background:#ef444426;border:1px solid #ef44444d}.success-card h2,.error-card h2{margin-bottom:12px;font-size:1.75rem;font-weight:600}.success-text,.error-text{color:var(--text-secondary);margin-bottom:16px;font-size:1.05rem}.app-instruction{color:var(--text-secondary);border:1px solid var(--glass-border);background:#0f172a66;border-radius:12px;margin-bottom:32px;padding:16px;font-size:.95rem}.animated-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10deg) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}