.forgot-password-container{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:20px;background:#f8fafc}.forgot-password-card{width:100%;max-width:380px;background:white;padding:28px 24px;border-radius:12px;box-shadow:0 15px 40px #0000001a;border:1px solid #f1f3f4;text-align:center;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.forgot-password-card.animate-in{opacity:1;transform:translateY(0)}.forgot-password-card.animate-out{opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-password-form{opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.4,0,.2,1) .1s}.forgot-password-form.animate-in{opacity:1;transform:translateY(0)}.forgot-password-container .form-header{margin-bottom:24px;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .15s}.forgot-password-container .form-header.animate-in{opacity:1;transform:translateY(0)}.forgot-password-container .form-header h1{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.forgot-password-container .form-header p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.forgot-password-container .form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .2s}.forgot-password-container .form-group.animate-in{opacity:1;transform:translateY(0)}.forgot-password-container .form-group label{font-size:12px;font-weight:500;color:#374151;margin-bottom:1px;text-align:left}.forgot-password-container .form-input{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background:#ffffff;box-sizing:border-box;transition:all .2s ease}.forgot-password-container .form-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}.forgot-password-container .form-input::placeholder{color:#9ca3af}.forgot-password-container .submit-btn{width:100%;padding:11px 16px;background:#ec4899;color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .25s}.submit-btn.animate-in{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1) .25s,transform .3s cubic-bezier(.4,0,.2,1) .25s,background-color .2s ease}.submit-btn:hover{background:#db2777}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{background:#d1d5db;cursor:not-allowed}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:14px;transition:all .2s ease;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .3s}.back-link.animate-in{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1) .3s,transform .3s cubic-bezier(.4,0,.2,1) .3s,color .2s ease}.back-link:hover{color:#374151}.back-link i{font-size:12px}.success-message{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .2s}.success-message.animate-in{opacity:1;transform:translateY(0)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1) .2s}.error-message.animate-in{opacity:1;transform:translateY(0)}@media (max-width:480px){.forgot-password-container{padding:12px}.forgot-password-card{padding:24px 20px;margin:0}.form-header h1{font-size:22px}}