.login-wrapper{background:#0a0a0a;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.login-card{text-align:center;background:#111;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem}.login-card h2{color:#fff;margin-bottom:1.8rem;font-family:Poppins,system-ui,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.2}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{width:100%}.login-field input{color:#fff;background:#1a1a1a;border:1px solid #222;border-radius:.6rem;outline:none;width:100%;height:46px;padding:0 1rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;transition:border-color .15s}.login-field input::placeholder{color:#7a7a7a}.login-field input:focus{border-color:#7c3aed}.login-password-field{width:100%}.login-password-input-wrapper{align-items:center;display:flex;position:relative}.login-password-input-wrapper input{width:100%;padding-right:40px}.login-toggle-password{color:#aaa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:10px}.login-toggle-password:hover{color:#fff}.login-button-wrapper{margin-top:.5rem}.login-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.6rem;width:100%;height:46px;font-weight:600;transition:background .15s,transform 20ms}.login-button:hover{background:#9d65ff}.login-button:active{transform:translateY(1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-alt{color:#aaa;margin-top:.6rem;font-size:.9rem}.login-alt a{color:#7c3aed;text-decoration:none}.login-alt a:hover{text-decoration:underline}.login-error{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.9rem}@media (max-width:480px){.login-card{border-radius:.8rem;padding:2rem 1.5rem}.login-card h2{font-size:1.2rem}.login-field input,.login-button{height:42px;font-size:.9rem}}