.signup-page{--signup-pink:#f064a6;--signup-text:#f3f2f5;--signup-muted:#a5a3ad;--signup-line:#34323b;background:#0d0e10;color:var(--signup-text);font-family:Pre,'Malgun Gothic',sans-serif}.signup-page [hidden]{display:none!important}
.signup-page .signup-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:100px;width:min(calc(100% - 96px),1060px);max-width:1060px;margin:0 auto;padding:62px 0 90px;background:transparent}.signup-intro{position:sticky;top:122px;align-self:start}.signup-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:38px;color:#b7b1bd;font-size:12px}.signup-eyebrow{margin:0 0 16px;color:#f6b4d0;font-size:10px;font-weight:650;letter-spacing:.13em}.signup-intro h1{margin:0;font-size:42px;font-weight:700;letter-spacing:-.055em;line-height:1.3}.signup-lead{margin:20px 0 0;color:#b8b3bf;font-size:17px;line-height:1.8;letter-spacing:-.025em}.signup-progress{display:grid;gap:26px;margin:46px 0 0;padding:0;list-style:none}.signup-progress li{display:flex;gap:18px;font-size:14px}.signup-progress li>span{padding-top:2px;color:#8f858f;font-size:11px}.signup-progress small{display:block;margin-top:8px;color:#85818d;font-size:12px}.signup-progress small[data-complete]{color:#f6b4d0}.signup-login-note{margin:48px 0 0;color:#aaa4b0;font-size:13px;line-height:1.9}.signup-login-note a{display:inline-flex;align-items:center;min-height:44px;color:#f6b4d0;text-decoration:underline;text-underline-offset:5px}
.signup-main{min-width:0;padding-top:13px}.signup-service-note{margin:0 0 25px;padding:0 0 0 13px;border-left:2px solid #8a5770;color:#c7b7c2;font-size:13px;line-height:1.8}.signup-service-note:empty{display:none}.signup-social{margin-bottom:40px}.signup-kakao{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;border:0;border-radius:2px;background:#fee500;color:#211c00;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.signup-kakao:disabled{background:#292720;color:#b7ae79;cursor:not-allowed}.signup-social>p{margin:13px 0 0;color:#99939f;font-size:12px;line-height:1.8}
.signup-section{margin:0 0 34px;padding:0 0 34px;border:0;border-bottom:1px solid var(--signup-line);min-width:0}.signup-section legend,.signup-section h2{margin:0 0 24px;padding:0;color:#eeebf1;font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.4}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}.signup-full{grid-column:1/-1}.signup-field{min-width:0}.signup-field>label,.signup-code-panel>label{display:block;margin-bottom:10px;color:#d4cfd9;font-size:13px;font-weight:550}.signup-field input,.signup-code-panel input{width:100%;min-width:0;height:52px;padding:13px 14px;border:1px solid #49434f;border-radius:2px;background:#16141a;color:#fff;font:inherit;font-size:16px}.signup-field input:focus,.signup-code-panel input:focus{outline:2px solid #f6b4d0;outline-offset:2px;border-color:#f6b4d0}.signup-field input[readonly]{background:#101014;color:#bdb5c3}.signup-field input::placeholder,.signup-code-panel input::placeholder{color:#706776}.signup-help{margin:9px 0 0;color:#a19aaa;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.signup-input-row{display:flex;align-items:stretch;gap:10px}.signup-input-row input{flex:1}.signup-check-button{flex:none;min-height:48px;padding:0 13px;border:1px solid #655767;border-radius:2px;background:transparent;color:#d6c7d7;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.signup-passwords{margin-top:23px}.signup-form button:disabled{opacity:.55;cursor:not-allowed}
.signup-check-row{display:flex;align-items:flex-start;gap:11px;min-height:44px;padding:10px 0;color:#c9c2cf;font-size:13px;line-height:1.8;cursor:pointer}.signup-check-row input{flex:none;appearance:auto;width:18px;height:18px;margin:3px 0 0;accent-color:var(--signup-pink)}.signup-check-row b{color:#e0bfd0;font-size:12px;font-weight:500}.signup-check-row small{color:#a79daa;font-size:12px}.signup-check-all{margin:0 0 12px;padding:0 0 16px;border-bottom:1px solid #27232d;color:#eee8f2;font-size:14px;font-weight:600}.signup-consent-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.signup-consent-line .signup-check-row{flex:1}.signup-consent-line>a{display:inline-flex;align-items:center;min-height:44px;flex:none;color:#aaa0b2;font-size:11px;text-decoration:underline;text-underline-offset:4px}.signup-consents .signup-help{margin-left:29px}
.signup-section-copy{margin:-8px 0 24px;color:#a9a0b0;font-size:12px;line-height:1.8}.signup-verification-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.signup-verification-row+.signup-verification-row{border-top:1px solid #292530}.signup-verification-row h3{margin:0 0 8px;color:#e1d9e7;font-size:14px;font-weight:550}.signup-verification-row p{margin:0;color:#9f95a7;font-size:11px;line-height:1.7}.signup-outline-button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:10px 16px;border:1px solid #8d667d;border-radius:2px;background:transparent;color:#f6b4d0;font:inherit;font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer}.signup-outline-button:hover,.signup-check-button:hover{border-color:#f6b4d0;color:#fff}.signup-code-panel{padding:22px 0 0}.signup-code-panel input{letter-spacing:.18em}.signup-code-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;color:#bd9bae;font-size:12px}.signup-text-button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:#e0bdcf;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.signup-status{margin:0 0 22px;color:#f6b4d0;font-size:13px;line-height:1.85;overflow-wrap:anywhere}.signup-status:empty{display:none}.signup-submit{display:flex;align-items:center;justify-content:space-between;min-height:56px;width:100%;padding:15px 20px;border:0;border-radius:2px;background:var(--signup-pink);color:#220d18;font:inherit;font-size:15px;font-weight:750;cursor:pointer}.signup-submit:hover{background:#f6b4d0}.signup-completion-note{margin:15px 0 0;color:#98909f;font-size:11px;line-height:1.8}
.signup-footer{width:min(calc(100% - 96px),1060px);margin:0 auto;padding:34px 0 45px;border-top:1px solid #2b2831;color:#89828f;font-size:11px;line-height:1.8}.signup-footer>a:first-child{display:inline-block;margin-bottom:19px;color:#ddd6e4;font-size:16px;font-weight:650}.signup-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:23px;color:#b5aaba;font-size:12px}.signup-footer p{margin:4px 0}.signup-footer>a:last-child{display:inline-block;margin-top:9px}
@media(max-width:1000px){.signup-page .signup-shell{grid-template-columns:220px minmax(0,1fr);gap:48px;width:calc(100% - 48px)}.signup-footer{width:calc(100% - 48px)}.signup-grid{grid-template-columns:1fr}.signup-full{grid-column:auto}}
@media(max-width:700px){.signup-page .signup-shell{display:block;width:calc(100% - 40px);padding:22px 0 60px}.signup-intro{position:static}.signup-back{margin-bottom:22px}.signup-intro h1{font-size:35px}.signup-lead{margin-top:14px;font-size:15px}.signup-lead br{display:none}.signup-progress{display:flex;gap:15px;margin:28px 0 26px}.signup-progress li{display:block;flex:1;font-size:11px;line-height:1.6}.signup-progress li>span{display:block;margin-bottom:6px;font-size:10px}.signup-progress small{font-size:10px;margin-top:6px}.signup-login-note{margin:0 0 24px;font-size:12px}.signup-login-note br{display:none}.signup-login-note a{margin-left:16px}.signup-main{padding-top:0}.signup-service-note{font-size:12px}.signup-social{margin-bottom:33px}.signup-section{margin-bottom:28px;padding-bottom:28px}.signup-section legend,.signup-section h2{font-size:18px;margin-bottom:22px}.signup-grid{gap:20px}.signup-check-row{font-size:12px}.signup-check-all{font-size:14px}.signup-verification-row{align-items:flex-start;gap:17px;flex-direction:column}.signup-verification-row .signup-outline-button{width:100%;min-height:48px}.signup-verification-row p{font-size:12px}.signup-footer{width:calc(100% - 40px)}.signup-code-panel .signup-outline-button{padding-inline:14px}.signup-completion-note{font-size:10px}}

/* Signup uses a white surface and stronger type for form readability. */
.signup-page{font-weight:550}
.signup-intro h1{font-weight:800}
.signup-section legend,.signup-section h2{font-weight:750}
.signup-field>label,.signup-code-panel>label,.signup-verification-row h3{font-size:14px;font-weight:700}
.signup-field input,.signup-code-panel input{font-weight:600}
.signup-lead,.signup-progress li,.signup-check-row{font-weight:600}
.signup-help,.signup-section-copy,.signup-verification-row p,.signup-social>p,.signup-completion-note,.signup-progress small{font-size:13px;font-weight:600}
.signup-check-row b,.signup-check-row small,.signup-consent-line>a,.signup-check-button,.signup-outline-button,.signup-text-button,.signup-login-note,.signup-back{font-size:13px;font-weight:650}
.signup-check-all,.signup-submit{font-weight:750}
html[data-theme="light"] .signup-page{--yh-text:#211e26;--yh-muted:#4f4858;background:#fff;color:var(--yh-text)}
html[data-theme="light"] .signup-page input::placeholder{color:#6b6372;font-weight:500}
html[data-theme="light"] .signup-form button:disabled{opacity:1;background:#efedf1;color:#655d6d;border-color:#cdc7d2}
@media(max-width:700px){.signup-progress li{font-size:12px}.signup-progress small{font-size:12px}.signup-check-row{font-size:13px}.signup-completion-note{font-size:12px}}