.login-page{background:var(--canvas);min-height:100vh;color:var(--ink);grid-template-rows:auto 1fr;padding:24px 32px;display:grid}.login-header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.login-preferences{align-items:center;gap:4px;display:flex}.login-preferences .ui-button{min-height:44px}.login-preferences .ui-icon-button{width:44px;height:44px}.login-panel{background:var(--surface);border:1px solid var(--edge);border-radius:24px;place-self:center;gap:24px;width:min(100%,416px);padding:24px;display:grid;box-shadow:0 1px 1px #0000000a}.login-heading{gap:8px;display:grid}.login-heading p{font-size:14px}.login-microsoft{width:100%}.login-panel .ui-button--large{min-height:48px;padding-block:11px}.login-code-action{background:var(--soft);border-color:#0000;font-weight:600}.microsoft-mark{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:grid}.microsoft-mark i:first-child{background:#f35325}.microsoft-mark i:nth-child(2){background:#81bc06}.microsoft-mark i:nth-child(3){background:#05a6f0}.microsoft-mark i:nth-child(4){background:#ffba08}.login-divider{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-form{gap:12px;display:grid}.login-form label{font-size:12px;font-weight:600;line-height:16px}.login-form input{border:1px solid var(--field-border);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:12px 14px}.login-address{color:var(--muted);overflow-wrap:anywhere}.login-notice{border-top:1px solid var(--line);padding-top:16px;font-size:12px;line-height:16px}.login-notice--inline{border:0;padding:0}@media (max-width:600px){.login-page{padding:16px}.login-panel{align-self:start;margin-top:128px;padding:24px}}@media (max-width:360px){.login-page{padding:12px}.login-panel{padding:20px 16px}}