body[data-app="account"] .wrap{max-width:1180px}
body[data-app="account"]:has(#gate:not(.hidden)) .top{display:none}
body[data-app="account"] #acc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
body[data-app="account"] #acc.hidden{display:none!important}
body[data-app="account"] #acc>.card{grid-column:span 6;margin:0;min-width:0}
body[data-app="account"] #acc>.card:first-child,
body[data-app="account"] #acc>.card:nth-child(4),
body[data-app="account"] #acc>.danger-head{grid-column:1/-1}
body[data-app="account"] #acc>.danger-head{margin:14px 0 -4px}
body[data-app="account"] .gate{max-width:980px;margin:clamp(32px,7vh,76px) auto 0;padding:clamp(24px,4vw,50px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:clamp(24px,5vw,64px);text-align:left;overflow:hidden}
body[data-app="account"] .gate-copy{max-width:540px}
body[data-app="account"] .gate-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--brand);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
body[data-app="account"] .gate-brand::before{content:"";width:20px;height:2px;border-radius:999px;background:currentColor}
body[data-app="account"] .gate h1{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.035em;margin-bottom:14px;text-wrap:balance}
body[data-app="account"] .gate p{margin-bottom:24px;max-width:55ch}
body[data-app="account"] .gate-visual{min-width:0;height:clamp(240px,28vw,360px);display:flex;align-items:center;justify-content:center}
body[data-app="account"] .gate-visual img{width:auto;height:115%;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 38px color-mix(in srgb,var(--brand) 20%,transparent))}
body[data-app="account"] .brand-logo svg,
body[data-app="account"] .card h2 svg,
body[data-app="account"] .danger-head svg{pointer-events:none}
body[data-app="account"] .toast{transition:opacity .24s var(--ease),transform .24s var(--ease)}
@media(max-width:820px){
  body[data-app="account"] #acc>.card{grid-column:1/-1}
  body[data-app="account"] .gate{grid-template-columns:1fr;text-align:center;gap:12px}
  body[data-app="account"] .gate-copy{max-width:620px;margin:0 auto;grid-row:2}
  body[data-app="account"] .gate-brand{justify-content:center}
  body[data-app="account"] .gate-visual{height:220px;grid-row:1}
}
@media(max-width:560px){
  body[data-app="account"] .top>a.btn{display:none}
  body[data-app="account"] .top{gap:10px}
  body[data-app="account"] .brand h1{font-size:17px}
  body[data-app="account"] .brand p{max-width:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-app="account"] .gate{padding:24px 18px;margin-top:18px}
  body[data-app="account"] .gate h1{font-size:29px}
  body[data-app="account"] .gate-visual{height:180px}
  body[data-app="account"] .card{padding:18px}
}
@media(prefers-reduced-motion:reduce){
  body[data-app="account"] .toast{transition:none}
}