.mlogin{--ore:#1a1a1c;--black:#0a0a0b;--gold:#d4a017;--gold-bright:#e8b53a;--on-dark:#fafaf7;--on-dark-3:#8e8c87;--line:#fafaf724;--line-strong:#fafaf747;--danger:#e8927c;--font-display:"Oswald", "Bebas Neue", Impact, sans-serif;--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;flex-direction:column;align-items:center;padding:24px 0;display:flex}.mlogin *,.mlogin :before,.mlogin :after{box-sizing:border-box}.mlogin .card{background:var(--ore);border:1px solid var(--line-strong);border-radius:4px;width:100%;max-width:420px;padding:40px 30px 30px;position:relative;box-shadow:0 24px 60px #0a0a0b47}.mlogin .card:before{content:"";background:var(--gold);border-radius:4px 4px 0 0;height:3px;position:absolute;inset:0 0 auto}.mlogin .title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-align:center;font-size:40px;font-weight:700;line-height:.92}.mlogin .sub{font-family:var(--font-body);color:var(--on-dark-3);text-align:center;text-wrap:pretty;margin:14px 0 30px;font-size:15px;line-height:1.55}.mlogin .form{flex-direction:column;gap:16px;display:flex}.mlogin .field{flex-direction:column;gap:8px;display:flex}.mlogin .label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:500}.mlogin .input,.mlogin .code-input{background:var(--black);border:1px solid var(--line-strong);width:100%;min-height:52px;font-family:var(--font-body);color:#fff;appearance:none;border-radius:4px;outline:none;padding:14px 15px;font-size:16px;transition:border-color .15s,box-shadow .15s}.mlogin .input::placeholder{color:var(--on-dark-3)}.mlogin .input:focus,.mlogin .code-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a0172e}.mlogin .input:disabled,.mlogin .code-input:disabled{opacity:.55}.mlogin .code-input{font-family:var(--font-mono);letter-spacing:.34em;text-align:center;min-height:64px;padding:16px 10px 16px 22px;font-size:26px;font-weight:500}.mlogin .submit{background:var(--gold);width:100%;min-height:54px;color:var(--ore);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;appearance:none;border:none;border-radius:4px;margin-top:4px;padding:0 24px;font-size:17px;font-weight:700;transition:background .15s}.mlogin .submit:hover:not(:disabled){background:var(--gold-bright)}.mlogin .submit:active:not(:disabled){transform:translateY(1px)}.mlogin .submit:disabled{opacity:.4;cursor:default}.mlogin .code-to{font-family:var(--font-body);color:var(--on-dark-3);text-wrap:pretty;font-size:14.5px;line-height:1.55}.mlogin .code-to b{color:#fff;font-weight:600}.mlogin .err{font-family:var(--font-body);color:var(--danger);background:#e8927c14;border:1px solid #e8927c66;border-radius:4px;padding:13px 15px;font-size:14px;line-height:1.5}.mlogin .ok{font-family:var(--font-body);color:var(--on-dark);background:#d4a01714;border:1px solid #d4a01766;border-radius:4px;padding:13px 15px;font-size:14px;line-height:1.5}.mlogin .code-alt,.mlogin .foot{border-top:1px solid var(--line);font-family:var(--font-body);color:var(--on-dark-3);text-align:center;margin-top:22px;padding-top:18px;font-size:13.5px;line-height:1.5}.mlogin .code-alt{margin-top:4px}.mlogin .foot a,.mlogin .linkish{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4a01766;padding:0;font-weight:600;text-decoration:none}.mlogin .foot a:hover,.mlogin .linkish:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}@media (max-width:480px){.mlogin{padding:16px 0}.mlogin .card{padding:32px 22px 24px}.mlogin .title{font-size:34px}.mlogin .code-input{letter-spacing:.28em;font-size:23px}}