.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:hsla(0,0%,100%,.95);padding:3rem 2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;width:100%}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem;text-align:center}.login-form{gap:1rem}.input-group,.login-form{display:flex;flex-direction:column}.password-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color .2s;font-family:inherit}.password-input:focus{border-color:#4a5568}.password-input:disabled{background-color:#f7fafc;cursor:not-allowed}.error-message{color:#e53e3e;font-size:.875rem;margin:0;text-align:center;font-weight:500}.submit-button{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:#2d3748;border:none;border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit}.submit-button:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#4a5568}@media (max-width:480px){.login-box{padding:2rem 1.5rem}.login-title{font-size:1.5rem}}