/* One stylesheet for app and static pages; existing eCBT palette and font. */
html.signup-gate-open { overflow:hidden; }
.signup-gate { box-sizing:border-box; width:min(440px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:auto; border:1px solid var(--pal-line,#E1E7EF); border-radius:20px; background:var(--pal-bg,#FFF); color:var(--pal-text,#1A1F28); font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif; box-shadow:0 16px 48px rgb(26 31 40 / 18%); }
.signup-gate::backdrop { background:rgb(26 31 40 / 48%); }
.signup-gate .signup-gate__body { position:relative; padding:44px 28px 24px; }
.signup-gate .signup-gate__close { position:absolute; top:6px; right:6px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:inherit; font:28px/1 system-ui,sans-serif; cursor:pointer; }
.signup-gate h2 { margin:0 0 14px; font-size:24px; font-weight:800; line-height:1.4; letter-spacing:-.025em; }
.signup-gate p { margin:0; font-size:16px; line-height:1.6; color:var(--pal-muted,#586375); }
.signup-gate .signup-gate__feature { font-weight:600; color:var(--pal-text,#1A1F28); }
.signup-gate .signup-gate__benefits { margin:20px 0 24px; padding-left:20px; font-size:16px; line-height:1.8; }
.signup-gate a.signup-gate__primary,.signup-gate a.signup-gate__login { box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px 14px; border-radius:12px; text-align:center; text-decoration:none; font-size:16px; line-height:1.4; font-weight:700; }
.signup-gate a.signup-gate__primary { background:var(--pal-primary,#005EB4); color:#FFF; }
.signup-gate a.signup-gate__login { margin-top:8px; border:1px solid var(--pal-edge,#C9D3E0); background:#FFF; color:var(--pal-text,#1A1F28); }
.signup-gate a.signup-gate__try { display:flex; justify-content:center; align-items:center; min-height:44px; margin-top:12px; color:var(--pal-muted,#586375); font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.signup-gate :is(a,button):focus-visible { outline:3px solid var(--pal-primary,#005EB4); outline-offset:3px; }
@media(max-width:359.98px) { .signup-gate .signup-gate__body { padding:44px 20px 20px; } .signup-gate h2 { font-size:22px; } }