.auth-page{min-height:100dvh;display:flex;flex-direction:column;color:var(--komo-ink,#20362c)}.auth-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center;gap:clamp(32px,7vw,100px);width:min(100%,960px);margin:0 auto;padding:64px 0}.auth-intro{max-width:430px}.auth-intro h1{margin:18px 0;font-size:clamp(32px,3.8vw,46px);line-height:1.15;font-weight:550;letter-spacing:-.045em}.auth-intro>p{font-size:15px;line-height:1.8;color:var(--komo-muted,#65736c)}.auth-intro>.auth-free-note{margin-top:28px;font-size:13px}.auth-free-note>a{margin-left:4px}.auth-card{width:100%;min-width:0}.auth-status{padding:28px;border:1px solid var(--komo-line,#dfe5e0);border-radius:var(--komo-radius,8px);background:var(--komo-surface,#fff)}.auth-status>h2{margin:0 0 16px;font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.025em}.auth-status>p{color:var(--komo-muted,#65736c);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.auth-status>p[role=alert]{color:var(--komo-danger,#ad3c32)}.auth-status>.site-button{margin-top:12px}@media (max-width:760px){.auth-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:400px;padding:40px 0;align-content:start}.auth-intro>.auth-free-note{margin-top:16px}.auth-intro h1{font-size:32px}}