.login-container{display:flex;justify-content:center;align-items:center;min-height:70vh;background-color:var(--bg-light)}.login-box{background-color:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:400px;text-align:center}h1{font-size:2rem;color:var(--primary-dark);margin-bottom:1rem}input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s}input:focus{outline:none;border-color:var(--primary-medium)}button{width:100%;padding:.75rem;background-color:var(--primary-dark);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:background-color .3s;font-weight:500;margin-top:1.5rem;display:flex;align-items:center;justify-content:center}button:hover{background-color:var(--primary-medium)}p{color:var(--primary-dark)}p,p.error{font-size:1rem;margin-top:1rem}p.error{color:red}.auth-links{margin-top:1rem}.auth-link{color:var(--primary-medium);font-size:1rem;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link:active{color:var(--primary-dark)}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.6);border-top-color:#fff;animation:spin 1s ease-in-out infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.password-field{position:relative}.password-field input{padding-right:2.5rem}.toggle-visibility{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:var(--primary-dark);display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:var(--primary-medium)}