.signin { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); min-height:0; }
.signin-content { position:relative; z-index:1; min-width:0; overflow:auto; padding:16px 24px 28px var(--page-gutter); scrollbar-width:thin; }
.signin-content section { max-width:460px; }
.signin h1 { font-size:clamp(2rem,5.4cqw,5.2rem); line-height:1; letter-spacing:-.02em; margin:0 0 16px; text-wrap:balance; }
.signin .lead { max-width:420px; }
.signin .lead strong { color:var(--text); overflow-wrap:anywhere; }
.demo-note { padding:16px 0; margin:16px 0 12px; border-block:1px solid #ffffff30; }
.demo-note strong { color:var(--accent); font-size:.85rem; }
.demo-note p { margin:6px 0 0; font-size:.85rem; line-height:1.55; color:var(--muted); }
.signin-button { width:100%; margin-top:20px; }
.status { margin:12px 0 0; font-size:.85rem; line-height:1.6; color:var(--accent); }
.status:empty { display:none; }
.legal { margin:12px 0 0; font-size:.8rem; line-height:1.65; color:var(--muted); }
.legal a { display:inline-flex; align-items:center; min-height:44px; }
.signin-actions { display:grid; gap:12px; margin-top:24px; justify-items:start; }
.signin-scene { position:relative; min-width:0; overflow:hidden; }
.signin-sky { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.6; }
.signin-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,var(--base),#0b202826 60%),linear-gradient(0deg,var(--base),transparent 65%); }
.signin-island { position:absolute; width:145%; height:95%; right:-25%; top:2%; object-fit:contain; }
.signin-art { position:absolute; z-index:1; width:110%; height:70%; right:-6%; top:9%; object-fit:contain; }
.picker-actions { display:grid; gap:12px; margin-top:20px; }
.account-choice { display:flex; align-items:center; gap:14px; min-height:76px; padding:14px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--raised); text-align:left; color:var(--text); }
.account-choice:hover { background:#294852; }
.account-choice strong { display:block; }
.account-choice small { display:block; margin-top:4px; color:var(--muted); font-size:.85rem; overflow-wrap:anywhere; }
.account-initial { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:50%; color:var(--base); background:var(--accent); font-size:.9rem; font-weight:750; }
@container stage (max-height:420px) {
  .signin { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
  .signin-content { padding-top:4px; }
  .signin .back-link { display:none; }
  .signin h1 { font-size:clamp(1.9rem,4.8cqw,3rem); margin-bottom:12px; }
  .signin .lead { font-size:.875rem; }
  .signin-content { padding-top:20px; }
  .signin-button { margin-top:16px; }
  .demo-note { margin-top:12px; padding:12px 0; }
  .signin-art { height:72%; top:2%; }
}
@container stage (min-height:650px) {
  .signin-content { padding-top:5cqh; padding-right:5cqw; }
  .signin-content section { max-width:520px; }
  .signin .lead { font-size:1.05rem; }
  .demo-note { margin-top:28px; padding-block:20px; }
  .signin-button { min-height:56px; }
  .signin-art { width:115%; height:75%; }
}