*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0c10;--card:#151922;--border:rgba(255,255,255,.06);--primary:#a855f7;--primary2:#7c3aed;--text:#e2e8f0;--muted:#8892a8;--input:#0f1218}html,body{width:100%;min-height:100%}body.mh-auth-body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.mh-auth{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px}.mh-auth-card{width:100%;max-width:420px;padding:34px;border-radius:8px;background:var(--card);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000073;animation:cardFade .5s ease}@keyframes cardFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.mh-auth-logo{width:64px;height:64px;margin:0 auto 18px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary2));font-size:24px;font-weight:700;color:#fff;box-shadow:0 12px 28px #a855f738}.mh-auth-title{text-align:center;font-size:28px;font-weight:700;color:var(--text)}.mh-auth-subtitle{margin:10px 0 30px;text-align:center;font-size:13px;line-height:1.7;color:var(--muted)}.mh-form-group{margin-bottom:18px}.mh-form-label{display:block;margin-bottom:9px;font-size:13px;font-weight:500;color:#c7d2e2}.mh-password-box{position:relative}.mh-auth-input{width:100%;height:54px;border:none;outline:none;border-radius:8px;background:var(--input);border:1px solid var(--border);padding:0 16px;font-size:14px;color:#fff;transition:.25s}.mh-auth-input::-moz-placeholder{color:#64748b}.mh-auth-input::placeholder{color:#64748b}.mh-auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #a855f71f}.mh-password-input{padding-right:50px}.mh-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:19px;cursor:pointer;transition:.2s}.mh-password-toggle:hover{color:#fff}.mh-remember-box{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px}.mh-remember-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);cursor:pointer}.mh-remember-label input{accent-color:var(--primary);width:15px;height:15px}.mh-login-btn{width:100%;height:54px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));transition:.25s;box-shadow:0 10px 28px #a855f738}.mh-login-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #a855f74d}.mh-login-btn:active{transform:scale(.99)}.mh-input-error{margin-top:7px;font-size:12px;color:#ef4444}@media(max-width:992px){.mh-auth{padding:28px}.mh-auth-card{max-width:500px;padding:32px}.mh-auth-title{font-size:26px}}@media(max-width:768px){.mh-auth{padding:20px;align-items:center}.mh-auth-card{padding:28px 24px;border-radius:8px;max-width:100%}.mh-auth-logo{width:58px;height:58px;font-size:22px}.mh-auth-title{font-size:24px}.mh-auth-subtitle{font-size:12px;margin-bottom:24px}.mh-auth-input,.mh-login-btn{height:50px;font-size:13px}}@media(max-width:480px){.mh-auth{padding:14px}.mh-auth-card{padding:22px 18px;border-radius:8px}.mh-auth-title{font-size:22px}.mh-auth-subtitle{font-size:11px}.mh-auth-input{height:48px;padding:0 14px}.mh-login-btn{height:48px;font-size:13px}.mh-remember-box{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-height:700px){.mh-auth{padding-top:18px;padding-bottom:18px}.mh-auth-card{padding:24px}}