.login-container{background-color:#f1f1f1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.5rem;display:flex}.login-container .wrapper{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:min(100%,560px);padding:3rem;display:flex;box-shadow:0 24px 50px rgba(15,23,42,.08)}.login-container .wrapper .logo{font-size:1.5rem}.login-container .wrapper .logo img{width:100px;height:auto}.login-container .wrapper .form{flex-direction:column;gap:1rem;width:100%;display:flex}.login-container .wrapper .form .alert{border-radius:10px;padding:.75rem 1rem;font-size:.95rem;font-weight:500}.login-container .wrapper .form .alert.success{color:#246444;background-color:rgba(63,151,101,.12)}.login-container .wrapper .form .alert.error{color:#752b2b;background-color:rgba(214,61,61,.12)}.login-container .wrapper .form .form-description{color:#555;font-size:.95rem}.login-container .wrapper .form .form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.login-container .wrapper .form label{margin-bottom:.7rem;font-weight:600;position:relative}.login-container .wrapper .form label .required-indicator{color:#d92d20;margin-left:.25rem;font-weight:700}.login-container .wrapper .form label .form-hint{color:#475467;margin:.35rem 0 0;font-size:.85rem;display:block}.login-container .wrapper .form label .show-password-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:inline-flex;position:absolute;top:50%;right:.9rem;transform:translateY(-10%)}.login-container .wrapper .form input{border:1px solid #ccc;border-radius:10px;padding:1rem;font-size:1rem}.login-container .wrapper .form .submit-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.login-container .wrapper .form .submit-btn:hover{background-color:var(--accent-dark)}.login-container .wrapper .form .submit-btn .spinner{animation:1s linear infinite spin}.login-container .wrapper .form .ghost-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;display:flex}.login-container .wrapper .form .ghost-btn:hover{background-color:rgba(var(--accent-rgb),.12)}.login-container .wrapper .form .ghost-btn .spinner{animation:1s linear infinite spin}.login-container .wrapper .form .link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:center;padding:0;font-weight:600;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.login-container{padding:2rem 1.25rem}.login-container .wrapper{border-radius:18px;width:min(100%,480px);padding:2.25rem 2rem}.login-container .wrapper .logo img{width:84px}.login-container .wrapper .form .form-description{font-size:.9rem}.login-container .wrapper .form .form-actions{flex-direction:column;align-items:stretch}}@media (max-width:480px){.login-container{padding:1.5rem 1rem}.login-container .wrapper{border-radius:16px;align-items:stretch;gap:1.25rem;width:100%;padding:1.75rem 1.5rem}.login-container .wrapper .logo{justify-content:center;display:flex}.login-container .wrapper .logo img{width:72px}.login-container .wrapper .form{gap:.85rem}.login-container .wrapper .form label{font-size:.95rem}.login-container .wrapper .form input,.login-container .wrapper .form .submit-btn,.login-container .wrapper .form .ghost-btn{padding:.85rem 1rem;font-size:.95rem}.login-container .wrapper .form .link-button{font-size:.9rem}.login-container .wrapper .form .form-actions{gap:.6rem}}@media (max-width:360px){.login-container{padding:1.25rem .75rem}.login-container .wrapper{border-radius:14px;padding:1.5rem 1.25rem}}