/* 회원가입 · 로그인 공통 화면 — 이어링(/signup-ring/ · /login-ring/)과 기존 이어톡(/signup/ · /login) 모두 이 톤. 헤더만 다르다 */
.su .su-stage{background:radial-gradient(900px 640px at 78% 30%,rgba(61,107,255,.38),transparent 62%),radial-gradient(520px 380px at 4% 100%,rgba(61,107,255,.18),transparent 70%),#070B19}
.su .su-ey{color:#9DB4FF}
.su .su-g{background:linear-gradient(100deg,#fff 10%,#B9C9FF 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.su .su-chips span{background:rgba(255,255,255,.08);color:#D5DCEC}
.su .su-login{background:rgba(255,255,255,.06)}
.su-btn,.lg .lg-go{min-height:54px;height:54px;border-radius:10px;font-size:17px;font-weight:700}
.lg .lg-stage{background:radial-gradient(900px 640px at 78% 30%,rgba(61,107,255,.38),transparent 62%),#070B19}
.lg .lg-col{padding:40px 36px;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.lg .lg-bgmark{opacity:.12}
@media(max-width:600px){.lg .lg-col{padding:28px 20px;border-radius:20px}}
/* 휴대폰: 헤더(.hd, fixed 64px)가 흐름에서 빠져 있어 위로 당기면(-64px) 카드 윗부분이 헤더에 가려졌다 — 당기지 않고 헤더 높이 + 32px 아래에서 시작(2026-11-10 [7]-4) */
@media(max-width:600px){.lg .lg-stage{margin-top:0;padding-top:calc(64px + env(safe-area-inset-top,0px) + 32px)}}
.lg .lg-bgmark{display:none}