.auth{--brand:#1a7570;--accent:#1a7570;--accent-soft:#e3f2f1;--accent-ink:#1a7570;background:var(--surface);grid-template-columns:5fr 7fr;min-height:100vh;display:grid}.brandpanel{background:var(--navy,#090a3a);color:#ffffffb3;flex-direction:column;justify-content:space-between;gap:32px;padding:48px;display:flex}.brandpanel img{align-self:flex-start;width:auto;height:56px}.brandpanel .line{color:#fff;letter-spacing:-.01em;max-width:360px;margin:auto 0 0;font-size:24px;line-height:32px}.brandpanel .owner{margin:0;font-size:13px}.authmain{place-items:center;padding:48px;display:grid}.authform{width:100%;max-width:360px}.authform.wide{max-width:440px}.authform h1{margin-bottom:8px}.authform .sub{color:var(--muted);margin:0 0 8px}.authform label{margin-top:24px}.authform input:not([type=checkbox]):not([type=radio]){min-height:44px;padding:0 14px}.authform button[type=submit]:not(.secondary):not(.linkish){width:100%;min-height:44px;margin-top:32px}.authform .alt{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.authform .alt form{flex:1}.authform .alt button{width:100%;margin-top:0}.authform .after{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.authform .qr{align-items:center;gap:16px;margin:16px 0;display:flex}.authform .qr img{border-radius:var(--r);border:1px solid var(--line);flex:none}.authform ol.steps{color:var(--text);margin:16px 0;padding-left:20px}.authform ol.steps li{margin:4px 0}.authform .notice{margin:16px 0 0}@media (max-width:900px){.auth{grid-template-rows:auto 1fr;grid-template-columns:1fr}.brandpanel{flex-direction:row;align-items:center;padding:20px 16px}.brandpanel img{height:36px}.brandpanel .line,.brandpanel .owner{display:none}.authmain{place-items:start center;padding:32px 16px 48px}}.public{background:var(--bg);min-height:100vh}.publictop{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;height:64px;padding:0 40px;display:flex}.publictop img{width:auto;height:34px}.publicmain{max-width:640px;margin:0 auto;padding:48px 24px}.publicmain.wide{max-width:960px}@media (max-width:900px){.publictop{padding:0 16px}.publicmain{padding:24px 16px 48px}}.authform input.code{letter-spacing:.3em;font-size:20px}.auth,.public{overflow-x:clip}@media (max-width:900px){.authform .info:after{max-width:220px}}