.mb-auth{--bone:#f4f1ea;--bone-2:#ece8de;--bone-3:#ddd6c5;--ink:#1a1a1a;--ink-2:#2a2a2a;--ink-mute:#6b6b6b;--rule:#cfc7b3;--accent:#f5c518;--bad:#b04a14;--hero:"Archivo Black","Arial Black",system-ui,sans-serif;--body:"Inter Variable","Inter",system-ui,sans-serif;--mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,monospace;background:var(--bone-2);min-height:100vh;color:var(--ink);font-family:var(--body);background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:32px 32px;place-items:center;padding:40px 20px;display:grid}.mb-auth *{box-sizing:border-box}.mb-auth .card{background:var(--bone);border:1.5px solid var(--ink);width:100%;max-width:404px;position:relative;box-shadow:0 30px 60px -38px #0000008c}.mb-auth .card-stripe{background-image:repeating-linear-gradient(-45deg,var(--accent) 0 10px,var(--ink) 10px 20px);height:7px}.mb-auth .card-pad{padding:30px 30px 28px}.mb-auth .brand{align-items:center;gap:11px;display:flex}.mb-auth .mk{align-items:center;display:inline-flex}.mb-auth .mk svg{width:auto;height:34px;display:block}.mb-auth .wm{font-family:var(--hero);text-transform:uppercase;letter-spacing:.02em;font-size:21px}.mb-auth .wm small{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-mute);margin-top:2px;font-size:8.5px;display:block}.mb-auth .chip{border:1px solid var(--ink);background:var(--bone-2);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-top:18px;padding:7px 11px;font-size:11px;display:inline-flex}.mb-auth .chip .blade{color:var(--accent);-webkit-text-stroke:.4px var(--ink);font-size:13px}.mb-auth .lead{font-family:var(--hero);text-transform:uppercase;letter-spacing:-.015em;margin-top:20px;font-size:27px;line-height:.98}.mb-auth .deck{color:var(--ink-2);margin-top:9px;font-size:13.5px;line-height:1.45}.mb-auth .field{margin-top:16px}.mb-auth .field>label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-size:10px;display:block}.mb-auth .input-wrap{position:relative}.mb-auth .input{border:1px solid var(--rule);width:100%;font-family:var(--body);color:var(--ink);background:#fbfaf6;outline:none;padding:12px 13px;font-size:15px;transition:border-color .12s,box-shadow .12s}.mb-auth .input::placeholder{color:#a59f8d}.mb-auth .input:focus{border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.mb-auth .input.pw{font-family:var(--mono);letter-spacing:.1em;padding-right:58px}.mb-auth .peek{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;padding:6px;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mb-auth .peek:hover{color:var(--ink)}.mb-auth .hint{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-mute);align-items:center;gap:7px;min-height:14px;margin-top:7px;font-size:10.5px;display:flex}.mb-auth .hint .dot{background:var(--ink-mute);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mb-auth .hint.owner .dot{background:var(--ink)}.mb-auth .hint.mech .dot{background:var(--accent)}.mb-auth .btn{border:1px solid var(--ink);background:var(--ink);width:100%;color:var(--bone);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:14px 18px;font-size:12px;transition:background .14s,color .14s,transform 50ms;display:inline-flex}.mb-auth .btn:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.mb-auth .btn:active{transform:translateY(1px)}.mb-auth .btn:disabled{opacity:.6;cursor:default}.mb-auth .banner{border:1px solid var(--bad);color:var(--bad);background:#fbeadf;align-items:flex-start;gap:10px;margin-top:16px;padding:11px 13px;font-size:12.5px;line-height:1.4;display:flex}.mb-auth .banner .bk{font-family:var(--mono);font-weight:600}.mb-auth .stage{background:var(--bone);border:1.5px solid var(--ink);width:100%;max-width:980px;box-shadow:0 30px 60px -38px #0000008c}.mb-auth .split{grid-template-columns:1.04fr 1fr;min-height:620px;display:grid}.mb-auth .aside{background:var(--ink);color:var(--bone);flex-direction:column;display:flex}.mb-auth .aside-stripe{background-image:repeating-linear-gradient(-45deg,var(--accent) 0 12px,#1a1a1a 12px 24px);height:8px}.mb-auth .aside-in{flex-direction:column;flex:1;padding:34px 36px;display:flex}.mb-auth .aside .wm{color:var(--bone)}.mb-auth .aside .kicker{color:#f4f1ea80}.mb-auth .aside .big{font-family:var(--hero);text-transform:uppercase;letter-spacing:-.02em;margin-top:auto;font-size:clamp(34px,3.5vw,50px);line-height:.92}.mb-auth .aside .big .hl{display:inline-block;position:relative}.mb-auth .aside .big .hl:before{content:"";background:var(--accent);z-index:-1;height:30%;position:absolute;bottom:7%;left:-3px;right:-3px}.mb-auth .aside .lede{color:#f4f1eac7;max-width:34ch;margin-top:18px;font-size:15.5px;font-weight:500;line-height:1.5}.mb-auth .vals{border-top:1px solid #f4f1ea2e;margin:24px 0 0;padding:0;list-style:none}.mb-auth .vals li{color:#f4f1eae6;border-bottom:1px dotted #f4f1ea33;gap:11px;padding:11px 0;font-size:13.5px;display:flex}.mb-auth .vals li .k{font-family:var(--mono);color:var(--accent);font-size:12px}.mb-auth .main{background:var(--bone);flex-direction:column;padding:34px 36px;display:flex}.mb-auth .head{font-family:var(--hero);text-transform:uppercase;letter-spacing:-.015em;margin-top:8px;font-size:30px;line-height:.98}.mb-auth .note{border:1px solid var(--ink);background:var(--bone-2);gap:11px;margin-top:18px;padding:13px 14px;display:flex}.mb-auth .note .ic{border:1px solid var(--ink);width:24px;height:24px;font-family:var(--hero);background:var(--accent);flex-shrink:0;place-items:center;font-size:13px;display:grid}.mb-auth .note .bd{color:var(--ink-2);font-size:12.5px;line-height:1.45}.mb-auth .note .bd a{border-bottom:1px solid var(--accent);font-weight:600}.mb-auth .slugline{font-family:var(--mono);color:var(--ink-mute);margin-top:8px;font-size:11px}.mb-auth .slugline b{color:var(--ink)}.mb-auth .foot{color:var(--ink-2);text-align:center;margin-top:18px;font-size:13px}.mb-auth .foot a{border-bottom:1px solid var(--accent);font-weight:600}.mb-auth .hrule{background:var(--rule);border:0;height:1px;margin:22px 0}@media (max-width:820px){.mb-auth .split{grid-template-columns:1fr}.mb-auth .aside .big{margin-top:24px}}
