/* Yutris account entry */
.join-page{min-height:100vh;background:#f5f2ec;color:#111315}.join-page .site-header{background:transparent;border-bottom:0}.join-nav{min-height:68px}.join-back{font-size:12px;color:#5f6265}.join-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:44px 0 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);gap:90px;align-items:start}.join-story{position:sticky;top:110px;padding-top:46px}.join-kicker{margin:0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#747679}.join-story h1{margin:18px 0 0;max-width:700px;font-size:clamp(58px,7vw,94px);line-height:.88;letter-spacing:-.066em;font-weight:570}.join-story>p{margin:28px 0 0;max-width:560px;font-size:17px;line-height:1.6;color:#626568}.join-brand-rule{margin-top:58px;padding-top:18px;border-top:1px solid rgba(17,19,21,.16)}.join-brand-rule span{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#838589}.join-brand-rule strong{display:block;margin-top:10px;font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:580}.join-brand-rule b{color:#2457ff;font-weight:650}

.join-panel{border:1px solid rgba(17,19,21,.14);border-radius:24px;background:#fff;padding:10px;box-shadow:0 28px 80px rgba(25,25,25,.08)}.join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:#f1f2f3}.join-tab{border:0;border-radius:12px;min-height:42px;background:transparent;color:#676a6e;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.join-tab.is-active{background:#fff;color:#111315;box-shadow:0 2px 10px rgba(17,19,21,.07)}.join-view{padding:28px 24px 24px}.join-view[hidden]{display:none}.join-view h2{margin:0;font-size:31px;line-height:1;letter-spacing:-.045em;font-weight:600}.join-view>p{margin:12px 0 0;color:#6b6e72;font-size:13px;line-height:1.55}.join-form{display:grid;gap:14px;margin-top:28px}.join-field{display:grid;gap:7px}.join-field label{font-size:10px;font-weight:700;letter-spacing:.02em;color:#4d5054}.join-field input{width:100%;min-height:50px;border:1px solid #d6d9dd;border-radius:12px;background:#fafafa;padding:0 14px;font:inherit;font-size:14px;color:#111315;outline:none}.join-field input:focus{background:#fff;border-color:#7795ff;box-shadow:0 0 0 3px rgba(36,87,255,.09)}.join-submit{margin-top:4px;min-height:50px;border:0;border-radius:999px;background:#2457ff;color:#fff;font:inherit;font-size:13px;font-weight:680;cursor:pointer}.join-submit:hover{background:#1949e8}.join-submit:disabled{opacity:.55;cursor:wait}.join-note{margin-top:14px;padding-top:14px;border-top:1px solid #eceef0;font-size:10px!important;line-height:1.55!important;color:#85888c!important}.join-message{min-height:20px;margin-top:14px;font-size:12px;line-height:1.5}.join-message.error{color:#9b2f2f}.join-message.success{color:#11674e}.join-success{margin-top:22px;padding:18px;border-radius:14px;background:#eef3ff}.join-success strong{display:block;font-size:14px}.join-success p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#56617a}.join-success-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.join-success-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #cbd4eb;border-radius:999px;background:#fff;font-size:11px;font-weight:650;color:#243458}

@media(max-width:900px){.join-main{grid-template-columns:1fr;gap:42px}.join-story{position:static;padding-top:10px}.join-story h1{max-width:760px}.join-panel{max-width:620px;width:100%;margin:0 auto}}
@media(max-width:700px){.join-main{width:calc(100% - 28px);padding-top:26px}.join-story h1{font-size:52px}.join-story>p{font-size:15px}.join-brand-rule{margin-top:36px}.join-panel{border-radius:20px}.join-view{padding:24px 16px 18px}.join-view h2{font-size:28px}.join-nav .nav-links{display:none}}
/* 2026-09-07: 가입·로그인 화면의 비밀번호 찾기.
   눈에는 띄되 주된 행동(가입/로그인)을 가리지 않도록 연한 글씨로 둔다. */
.join-forgot{margin:10px 0 0;text-align:center;font-size:13px}
.join-forgot a{color:#8b8b93;text-decoration:underline;text-underline-offset:3px}
.join-forgot a:hover,.join-forgot a:focus{color:#5b2cff}