@font-face{font-family:Plate;src:url('./assets/plate-gothic-one-two.woff') format('woff');font-display:swap}
:root{--yellow:#ffdc00;--ink:#111315;--muted:#aeb4b8;--line:#e5e7e8;--white:#fff}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(125deg,#fff 0%,#f8f8f6 43%,#f1f1ef 67%,#fff 100%)}
button,input{font:inherit}
.owner-login-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:80px 24px;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0 20%,rgba(248,248,246,.72) 52%,rgba(255,255,255,.92) 84%)}
.owner-brand{position:absolute;top:34px;left:clamp(36px,4vw,72px);display:flex;align-items:center;gap:9px;font-family:Plate,Arial,sans-serif;font-size:14px;letter-spacing:.04em}
.owner-brand strong{color:var(--yellow);font-weight:400}.owner-brand span{color:#c1c5c8}
.login-card{width:min(470px,calc(100vw - 48px));padding:54px 56px 58px;border:1px solid rgba(224,226,227,.66);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 26px 70px rgba(31,37,40,.1);backdrop-filter:blur(18px)}
form{display:grid;gap:10px}label{margin-top:9px;color:#7e878c;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
input{width:100%;height:52px;padding:0 16px;border:1px solid var(--line);border-radius:0;background:#fbfbfa;color:#151719;outline:0;transition:border-color .2s,box-shadow .2s}
input:focus{border-color:#d4bb00;box-shadow:0 0 0 3px rgba(255,220,0,.16)}
.form-message{min-height:18px;margin:5px 0 1px;color:#9a4545;font-size:11px;line-height:1.4}
button{height:50px;border:0;border-radius:8px;background:var(--yellow);color:#fff;font-family:Plate,Arial,sans-serif;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:filter .2s,transform .2s}
button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.62}
#owner-login-form[hidden],#owner-mfa-form[hidden],#owner-reset-form[hidden]{display:none}#mfa-enrollment{text-align:center}#mfa-enrollment[hidden]{display:none}
#mfa-qr{display:block;width:210px;height:210px;margin:0 auto 16px;border:0}
.mfa-help{margin:0 0 10px;color:#7e878c;font-size:12px;line-height:1.5}.mfa-secret{margin:0 0 20px;color:#555;font-size:11px;letter-spacing:.08em;overflow-wrap:anywhere}
.login-card.is-authenticated{padding-top:58px;padding-bottom:58px}.auth-success{margin:0;color:#778086;text-align:center;font-size:13px}
@media(max-width:560px){.owner-login-shell{padding:90px 18px 40px}.owner-brand{top:28px;left:24px}.login-card{padding:42px 28px 46px;border-radius:24px}}