.login-container{border:1px solid var(--border);border-radius:var(--radius-card);max-width:400px;box-shadow:var(--shadow-sm);font-family:var(--font);margin:5rem auto;padding:2rem}.login-container h1{text-align:center;margin-bottom:2rem}.login-form label{color:var(--text-mid);margin-bottom:1rem;margin-right:1rem;font-size:.9rem;display:block}.login-form input{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;width:100%;margin-top:.3rem;padding:.6rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:var(--green-mid);background:var(--bg-white);outline:none;box-shadow:0 0 0 3px #5a9e8626}.login-form button{background:linear-gradient(135deg, var(--btn-1), var(--btn-2));color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;width:100%;margin-top:1rem;padding:.8rem;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 4px 15px #3d7a6540}.login-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3d7a6559}.login-success{color:var(--green-dark);text-align:center;margin-top:1rem}.login-error{color:var(--red);text-align:center;margin-top:1rem}.login-logo-icon{object-fit:contain;justify-self:center;width:auto;max-width:min(180px,70vw);height:auto;max-height:110px;display:block}.login-links{flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;display:flex}.login-links a{color:inherit;text-decoration:none}.login-links a:hover{text-decoration:underline}