.login-wrapper{min-height:100vh;justify-content:center;align-items:center;padding:56px 16px 32px;background:#f5f7fb;box-sizing:border-box}.login-box,.login-wrapper{display:flex;flex-direction:column}.login-box{width:min(420px,100%);background:#ffffff;border-radius:18px;padding:48px 40px;box-shadow:0 24px 50px rgba(18,82,103,.18);gap:28px}.login-box .logo{font-size:26px;font-weight:700;letter-spacing:.04em;color:#1b677b;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600;font-size:14px;color:#324354}.form-group input{padding:12px 14px;border:1px solid #d5e1e8;border-radius:10px;font-size:15px;color:#0f172a;background-color:#fefefe;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-group input::placeholder{color:#6c7480;opacity:.9}.form-group input:focus{border-color:#1b677b;box-shadow:0 0 0 3px rgba(27,103,123,.15)}.form-group input.error{border-color:#d64045;box-shadow:0 0 0 3px rgba(214,64,69,.15)}.password-box{display:flex;align-items:center;gap:10px;background:#f6fafc;border:1px solid #d5e1e8;border-radius:10px;padding:4px 10px 4px 14px}.password-box input{border:none;background:transparent;flex:1;padding:10px 0;font-size:15px;color:#0f172a}.password-box input:focus{outline:none;box-shadow:none}.password-box input::placeholder{color:#788592;opacity:.9}.password-toggle{background:none;border:none;color:#6c7a84;font-size:18px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#1b677b}.forgot-password{display:flex;justify-content:flex-end}.forgot-password a{font-size:13px;color:#1b677b;text-decoration:underline dotted;transition:color .2s ease}.forgot-password a:hover{color:#155260}.login-btn{background:linear-gradient(135deg,#1b677b,#134e65);border:none;color:#fff;font-size:15px;font-weight:600;padding:14px;border-radius:9999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 35px rgba(18,82,103,.2)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-feedback{text-align:center;font-size:14px;line-height:1.6;padding:12px 16px;border-radius:10px}.login-feedback.error{background:rgba(214,64,69,.08);color:#b43c40;border:1px solid rgba(214,64,69,.35)}.login-feedback.success{background:rgba(33,150,83,.08);color:#1b784f;border:1px solid rgba(33,150,83,.35)}.field-error{font-size:12px;color:#d64045}.fc-footer{margin-top:48px;font-size:13px;color:#707c87;text-align:center}@media (max-width:520px){.login-box{padding:40px 28px}}