*{box-sizing:border-box;margin:0;padding:0}#forgot-section{background:var(--bg,#f9f9f9);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:100px 20px 60px;display:flex}.auth-card{background:var(--card-bg,#fff);opacity:0;border:1px solid #08817814;border-radius:16px;width:100%;max-width:480px;padding:48px 40px;animation:.9s cubic-bezier(.22,1,.36,1) forwards slideUp;transform:translateY(80px);box-shadow:0 10px 40px #00000014}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.auth-card h2{text-align:center;color:var(--text,#222);margin-bottom:8px;font-family:Spartan,sans-serif;font-size:32px;font-weight:700}.auth-card .subtitle{text-align:center;color:#777;margin-bottom:32px;font-size:15px}.form-group{margin-bottom:20px}.form-group label{color:var(--text,#222);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{width:100%;color:var(--text,#222);background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .25s,box-shadow .25s}.form-group input:focus{border-color:#c483e6;outline:none;box-shadow:0 0 0 3px #0881781f}.btn-primary{color:#fff;letter-spacing:1px;cursor:pointer;background:#c483e6;border:none;border-radius:8px;width:100%;margin-top:8px;padding:15px;font-size:15px;font-weight:700;transition:background .25s,transform .15s}.btn-primary:hover{background:#065f5a;transform:translateY(-1px)}.switch-auth{text-align:center;color:#666;margin-top:24px;font-size:14px}.switch-auth a{color:#c483e6;font-weight:700;text-decoration:none}.switch-auth a:hover{color:#065f5a}.toast{color:#fff;opacity:0;z-index:10000;background:#c483e6;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .4s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}body.dark #forgot-section{background:#1a1a1a}body.dark .auth-card{background:#242424;border-color:#08817833}body.dark .auth-card h2,body.dark .form-group label{color:#f0f0f0}body.dark .form-group input{color:#f0f0f0;background:#1a1a1a;border-color:#3a3a3a}@media (width<=540px){.auth-card{padding:36px 24px}.auth-card h2{font-size:26px}}.back-button{color:#666;float:left;align-items:center;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.back-button:hover{color:#c483e6}[data-theme=dark] .back-button{color:#94a3b8}