.login-page{box-sizing:border-box;background:#f5f3f1;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:42px 40px;box-shadow:0 10px 35px #00000014}.login-header{text-align:center;margin-bottom:32px}.login-header h1{letter-spacing:1px;color:#2f3a32;margin:0;font-size:28px;font-weight:700}.login-header p{color:#888;margin:8px 0 0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;display:flex}.login-field label{color:#3f4741;margin-bottom:8px;font-size:14px;font-weight:600}.login-field input{color:#333;box-sizing:border-box;background:#faf9f8;border:1px solid #ddd9d5;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px;font-size:14px;transition:all .2s}.login-field input::placeholder{color:#aaa}.login-field input:focus{background:#fff;border-color:#7da886;box-shadow:0 0 0 3px #7da8861f}.login-error{color:#b33a3a;background:#fff0f0;border:1px solid #f3cccc;border-radius:10px;padding:12px 14px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#5ca866;border:none;border-radius:10px;width:100%;height:48px;margin-top:4px;font-size:14px;font-weight:600;transition:all .2s}.login-button:hover{background:#4f9659;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:480px){.login-page{padding:20px 15px}.login-card{border-radius:16px;padding:32px 25px}.login-header h1{font-size:25px}}