*{box-sizing:border-box}body{margin:0;color:#18233e;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.signup-message i{display:none}.join-button.active{color:#fff}.signup-page{min-height:calc(100vh - 66px);padding:54px 0 25px;background:radial-gradient(circle at 8% 14%,rgba(104,125,246,.1),transparent 26%),linear-gradient(125deg,#fbfcff,#f7f8ff 58%,#fcfcff)}.signup-wrap{width:min(1400px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:68px;align-items:start}.signup-brand{position:sticky;top:105px;min-height:980px;padding:45px 0 0 28px}.eyebrow{margin-bottom:14px!important;color:#4161e8!important;font-size:14px!important;font-weight:800;letter-spacing:.13em}.brand-copy h1{margin:0 0 25px;color:#14203c;font-size:39px;line-height:1.35;font-weight:850;letter-spacing:-.055em}.brand-copy>p{margin:0 0 37px;color:#59667d;font-size:18px;line-height:1.8}.brand-benefits{display:grid;gap:22px}.brand-benefits article{display:flex;align-items:center;gap:17px}.brand-benefits article>span{width:53px;height:53px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(47,64,107,.06);color:#4969ea}.brand-benefits svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.brand-benefits p{margin:0}.brand-benefits strong,.brand-benefits small{display:block}.brand-benefits strong{margin-bottom:6px;color:#28344b;font-size:16px}.brand-benefits small{color:#667388;font-size:13px;line-height:1.65}.brand-visual{position:absolute;right:0;bottom:0;left:0;height:350px;overflow:hidden;border-radius:48% 48% 12px 12px;background:#eef2ff}.brand-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,249,255,.46),transparent 26%)}.brand-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom}.signup-card{padding:43px 50px 34px;border:1px solid #e1e5ed;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 12px 34px rgba(29,44,77,.075)}.signup-card-head h1{margin:0 0 10px;font-size:31px;font-weight:850;letter-spacing:-.04em}.signup-card-head p{margin:0;color:#6a768b;font-size:14px}.signup-progress{margin:31px 0 38px;padding:0;display:flex;list-style:none}.signup-progress li{position:relative;flex:1;color:#a0a9b8;text-align:center}.signup-progress li:not(:last-child)::after{content:"";position:absolute;top:14px;left:66%;width:68%;height:1px;background:#dfe4ed}.signup-progress span{position:relative;z-index:1;width:29px;height:29px;margin:0 auto 8px;display:grid;place-items:center;border:1px solid #dfe4ed;border-radius:50%;background:#f5f7fa;color:#748097;font-size:14px;font-weight:750}.signup-progress small{display:block;font-size:13px;white-space:nowrap}.signup-progress li.active span,.signup-progress li.done span{border-color:#4164ee;background:#4164ee;color:#fff}.signup-progress li.active small{color:#3156e5;font-weight:750}.signup-progress li.done:not(:last-child)::after{background:#6d87ef}.form-alert{margin:-18px 0 22px;padding:11px 13px;border:1px solid #f0b4bc;border-radius:8px;background:#fff7f8;color:#b93a49;font-size:13px}.step-panel{display:none;min-height:380px}.step-panel.active{display:block}.step-title b{display:block;margin-bottom:9px;color:#3158ea;font-size:13px}.step-title h2{margin:0 0 9px;color:#1b2741;font-size:22px;letter-spacing:-.03em}.step-title p{margin:0 0 27px;color:#748094;font-size:13px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-card{position:relative;min-height:205px;padding:28px 18px 22px;display:flex;flex-direction:column;align-items:center;border:1px solid #dfe4ec;border-radius:12px;background:#fff;text-align:center;cursor:pointer;transition:.2s}.role-card:hover{border-color:#9bacf1;transform:translateY(-2px)}.role-card:has(input:checked){border:2px solid #4162ec;background:#f9faff;box-shadow:0 8px 20px rgba(49,83,222,.08)}.role-card input{position:absolute;opacity:0}.role-check{position:absolute;top:-1px;right:-1px;width:27px;height:27px;display:none;place-items:center;border-radius:0 10px 0 10px;background:#4162ec;color:#fff;font-size:16px;font-style:normal}.role-card:has(input:checked) .role-check{display:grid}.role-card>span{width:58px;height:58px;margin-bottom:15px;display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:#4263ea}.role-card svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.6}.role-card strong{margin-bottom:10px;color:#2c51dc;font-size:18px}.role-card small{color:#68758b;font-size:13px;line-height:1.65}.member-choice{margin-top:18px;padding:15px 18px;display:none;align-items:center;gap:18px;border-radius:9px;background:#f7f9ff}.member-choice.visible{display:flex}.member-choice p{margin:0 auto 0 0;font-size:14px;font-weight:750}.member-choice label{font-size:13px;color:#5f6d83}.member-choice input{accent-color:#4162ec}.form-grid,.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.form-grid label,.phone-field,.profile-fields label{display:block}.form-grid label>span:first-child,.phone-field>span,.profile-fields label>span{display:block;margin:0 0 7px;color:#344157;font-size:13px;font-weight:700}.form-grid .full,.profile-fields .full{grid-column:1/-1}.form-grid input,.phone-field input,.profile-fields input,.profile-fields select{width:100%;height:48px;padding:0 14px;border:1px solid #dce2eb;border-radius:8px;outline:0;background:#fff;color:#2e3a50;font:inherit;font-size:14px}.form-grid input:focus,.phone-field input:focus,.profile-fields input:focus,.profile-fields select:focus{border-color:#6b85ed;box-shadow:0 0 0 3px rgba(63,90,218,.07)}input::placeholder{color:#a4adbc}.form-grid em,.phone-field em{display:block;margin-top:5px;color:#be3f4e;font-size:13px;font-style:normal}.password-input{position:relative;display:block}.password-input input{padding-right:48px}.toggle-password{position:absolute;top:7px;right:8px;width:34px;height:34px;border:0;background:transparent;color:#8995a8}.password-strength{display:block;margin-top:6px;color:#7c8798;font-size:13px}.phone-field>div{display:grid;grid-template-columns:1fr 125px;gap:9px}.phone-field button{border:1px solid #9cb0f2;border-radius:8px;background:#fff;color:#3459e5;font-size:13px;font-weight:700}.phone-field>small{display:block;margin-top:8px;color:#79869b;font-size:13px}.terms{margin-top:25px;border-top:1px solid #e5e9f0;padding-top:14px}.terms label{min-height:34px;display:flex;align-items:center;gap:9px;color:#5f6c82;font-size:13px}.terms input{width:16px;height:16px;accent-color:#355bea}.terms label span{flex:1}.terms label button{border:0;background:transparent;color:#3158e8;font-size:13px}.terms .terms-all{margin-bottom:4px;color:#28344b}.profile-fields{margin-top:5px}.profile-fields select{appearance:auto}.profile-note{margin-top:24px;padding:16px;display:flex;align-items:center;gap:12px;border-radius:9px;background:#f6f8ff;color:#4766e2}.profile-note svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.profile-note p{margin:0}.profile-note strong,.profile-note small{display:block}.profile-note strong{margin-bottom:5px;color:#34425b;font-size:13px}.profile-note small{color:#748096;font-size:13px}.complete-panel{text-align:center}.complete-icon{width:69px;height:69px;margin:12px auto 21px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#edf2ff,#e6ebff);color:#365ae7;font-size:30px}.complete-panel h2{margin:0 0 14px;font-size:23px}.complete-panel>p{margin:0;color:#68758a;font-size:14px;line-height:1.7}.complete-panel ul{width:78%;margin:27px auto 0;padding:18px 24px;border-radius:10px;background:#f7f9ff;color:#59677e;font-size:13px;line-height:2;text-align:left;list-style:"✓  "}.complete-panel li::marker{color:#3d62ec}.step-actions{margin-top:26px;display:flex;gap:10px}.step-actions button{height:50px;border-radius:8px;font-size:15px;font-weight:730}.secondary-action{width:110px;border:1px solid #d9e0ea;background:#fff;color:#647186}.primary-action{flex:1;border:0;background:linear-gradient(135deg,#315cf0,#4147e4);box-shadow:0 8px 17px rgba(49,87,238,.18);color:#fff}.primary-action span{margin-left:7px}.secondary-action,.primary-action{cursor:pointer}.secondary-action:hover,.primary-action:hover{filter:brightness(.97)}#prev-step,#submit-signup{display:none}.signup-divider{height:55px;display:flex;align-items:center;gap:14px;color:#7b8798;font-size:13px}.signup-divider::before,.signup-divider::after{content:"";flex:1;height:1px;background:#e3e7ee}.social-signups{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.social-signups button{height:47px;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#536076;font-size:13px}.social-signups i{width:25px;height:25px;margin-right:7px;display:inline-grid;place-items:center;border-radius:50%;font-style:normal;font-weight:850}.social-signups .naver{background:#20b45a;color:#fff;font-size:16px}.social-signups .kakao{background:#fee500;color:#241f15;font-size:13px}.social-signups .google{border:1px solid #e0e4eb;color:#4285f4;font-size:16px}.social-status{min-height:12px;margin:7px 0 0;color:#788599;font-size:13px;text-align:center}.login-prompt{margin:15px 0 0;color:#68758a;font-size:13px;text-align:center}.login-prompt a{margin-left:5px;color:#3158e5;font-weight:750;text-decoration:none}.signup-trust{width:min(1400px,calc(100% - 64px));margin:50px auto 0;padding:30px 36px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e6ee;border-radius:15px;background:rgba(255,255,255,.93)}.signup-trust article{padding:0 22px;display:flex;align-items:center;gap:14px}.signup-trust article+article{border-left:1px solid #e6e9ef}.signup-trust article>span{width:49px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:#4768eb;font-size:27px}.signup-trust p{margin:0}.signup-trust strong,.signup-trust small{display:block}.signup-trust strong{margin-bottom:6px;font-size:14px}.signup-trust small{color:#768196;font-size:13px;line-height:1.6}.signup-footer{padding:34px 0 18px;color:#8a94a5;font-size:13px;text-align:center}.signup-footer nav{display:flex;align-items:center;justify-content:center;gap:18px}.signup-footer a{color:#7b8698;text-decoration:none}.signup-footer i{width:1px;height:12px;background:#d6dbe3}.signup-footer p{margin:14px 0 0}
@media(max-width:1200px){.signup-wrap{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:34px}.signup-brand{padding-left:10px}.brand-copy h1{font-size:34px}.signup-card{padding-inline:39px}.signup-trust{width:min(1120px,calc(100% - 40px));padding-inline:20px}.signup-trust article{padding-inline:12px}}
@media(max-width:780px){.signup-page{padding-top:24px}.signup-wrap{width:calc(100% - 28px);display:flex;flex-direction:column;gap:28px}.signup-card{order:1;width:100%;padding:31px 20px}.signup-brand{position:relative;top:auto;order:2;width:100%;min-height:790px;padding:28px 6px 0}.brand-copy h1{font-size:30px}.brand-visual{height:290px}.signup-progress{margin-inline:-7px}.signup-progress li:not(:last-child)::after{left:65%;width:70%}.signup-progress small{font-size:13px}.role-grid{grid-template-columns:1fr}.role-card{min-height:170px}.form-grid,.profile-fields{grid-template-columns:1fr}.form-grid .full,.profile-fields .full{grid-column:auto}.member-choice{align-items:flex-start;flex-wrap:wrap}.member-choice p{width:100%}.signup-trust{width:calc(100% - 28px);margin-top:25px;grid-template-columns:1fr 1fr;gap:25px 0;padding:25px 14px}.signup-trust article:nth-child(3){border-left:0}.signup-trust article{padding-inline:10px}.signup-trust article>span{width:42px;height:42px}.complete-panel ul{width:100%}}

/* Keep supporting copy comfortably readable across the signup flow. */
.eyebrow{font-size:16px!important}
.brand-benefits strong{font-size:18px}
.brand-benefits small{color:#536177;font-size:16px;line-height:1.7}
.signup-card-head p{color:#56647a;font-size:17px;line-height:1.6}
.signup-progress span{font-size:16px}
.signup-progress small{color:#7c8799;font-size:15px}
.form-alert{font-size:16px;line-height:1.5}
.step-title b{font-size:15px}
.step-title h2{font-size:25px}
.step-title p{color:#5f6d82;font-size:16px;line-height:1.6}
.role-card strong{font-size:20px}
.role-card small{color:#56647a;font-size:16px;line-height:1.7}
.member-choice p{font-size:17px}
.member-choice label{color:#4f5d72;font-size:16px}
.form-grid label>span:first-child,.phone-field>span,.profile-fields label>span{font-size:16px}
.form-grid input,.phone-field input,.profile-fields input,.profile-fields select{font-size:18px}
.form-grid em,.phone-field em{font-size:15px;line-height:1.5}
.password-strength,.phone-field>small{color:#647287;font-size:15px;line-height:1.5}
.phone-field button{font-size:16px}
.terms label{color:#4f5d72;font-size:16px}
.terms label button{font-size:15px}
.profile-note strong{font-size:16px}
.profile-note small{color:#5f6d82;font-size:15px;line-height:1.5}
.complete-panel>p{color:#56647a;font-size:17px}
.complete-panel ul{color:#4f5d72;font-size:16px;line-height:1.9}
.step-actions button{font-size:18px}
.signup-divider{color:#657287;font-size:15px}
.social-signups button{color:#445268;font-size:16px}
.social-status{color:#657287;font-size:15px;line-height:1.5}
.login-prompt{color:#56647a;font-size:16px}
.signup-trust strong{font-size:17px}
.signup-trust small{color:#5f6d82;font-size:15px;line-height:1.65}
.signup-footer{color:#758195;font-size:15px}

@media(max-width:780px){.signup-progress small{font-size:14px}.signup-card-head p,.step-title p,.role-card small{font-size:16px}.signup-trust{grid-template-columns:1fr}.signup-trust article+article{border-left:0}.signup-trust article{padding-block:4px}}
.signup-options{padding:12px 14px;border:1px solid #dce2eb;border-radius:8px}.signup-options legend{padding:0 5px;color:#303c53;font-size:17px;font-weight:700}.signup-options label{margin:7px 14px 0 0;display:inline-flex!important;align-items:center;gap:5px;font-size:16px}.signup-options input{width:auto!important;height:auto!important}
.profile-fields[hidden]{display:none!important}