:root{--ink:#27233b;--muted:#696477;--purple:#6551c9;--pale:#f0edf9;--line:#e8e5ef;--bg:#f8f7fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;font-size:14px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a28be6;outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}svg{width:22px;height:22px;flex-shrink:0}.skip{position:fixed;top:-100px;left:12px;z-index:10;background:#fff;padding:12px}.skip:focus{top:12px}
.signup-header{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 max(32px,calc((100vw - 1240px)/2))}.brand{font-family:Arial,sans-serif;font-size:33px;font-weight:900;letter-spacing:-2px;line-height:1}.brand:before{content:'';display:inline-block;background:#e43c4c;width:7px;height:5px;margin-right:-8px;vertical-align:top;transform:translate(2px,6px) skewY(-20deg)}.brand span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:4px}.brand:hover{text-decoration:none}.header-description{font-size:13px;border-left:1px solid var(--line);padding-left:25px;color:var(--muted)}.header-home{margin-left:auto;font-size:13px}.header-home span{margin-left:10px;color:var(--purple)}

.signup-layout{max-width:740px;margin:0 auto;padding:38px 24px 54px;outline:none}.signup-intro{text-align:center;margin-bottom:26px}.eyebrow{display:block;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:2.2px;margin-bottom:8px}h1{font-size:32px;line-height:1.4;letter-spacing:-1px}.intro-copy{color:var(--muted);font-size:13px;margin-top:9px}.signup-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 10px 40px #38285b04}
.member-section{min-width:0;border:0;padding:0;margin:0}.member-section legend{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--pale);color:#4d3c88;border-radius:7px;padding:11px 15px;margin-bottom:18px;font-size:14px;font-weight:700}.member-section legend+*{clear:both}.member-section legend small{font-size:11px;font-weight:400;color:#7a7190}.signup-field{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:0 5px}.signup-field+.signup-field{margin-top:19px}.signup-field>label{font-size:13px;font-weight:600;padding-top:12px}.required-mark{color:var(--purple);margin-left:3px}.field-content input{width:100%;height:44px;border:1px solid #d7d2e2;border-radius:6px;padding:0 13px;background:#fff;color:var(--ink);font-size:13px}.field-content input::placeholder{color:#98919f}.field-content input:focus{border-color:var(--purple)}.field-content input[aria-invalid=true]{border-color:#b74343}.field-help{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.optional-section{margin-top:27px}.optional-section legend{background:#f4f3f6;color:#625d70}.collection-details{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-details summary{padding:13px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;color:#5d536c;font-weight:600;list-style:none}.collection-details summary::-webkit-details-marker{display:none}.collection-details summary span{color:#8c7da2}.collection-details[open] summary span{transform:rotate(45deg)}.collection-details>div{padding:0 0 17px;font-size:11px;color:var(--muted);line-height:1.85}.collection-details p+p{margin-top:11px}.collection-details p strong{display:block;color:#564b64}
.signup-checks{margin-top:18px}.check-row{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.check-row input{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.check-row strong{font-size:12px;line-height:1.9;font-weight:500;display:block}.check-kind{font-size:10px;font-weight:700;color:var(--purple);margin-right:4px}.privacy-link{display:inline-block;font-size:11px;color:var(--purple);margin:4px 0 0 25px;text-decoration:underline;text-underline-offset:3px}.kakao-signup{display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;width:100%;padding:12px 17px;border:0;border-radius:8px;background:#fee500;color:#29230f;font-size:13px;font-weight:700;margin-top:21px;line-height:1.7}.kakao-signup svg{width:18px;height:18px;fill:currentColor;stroke:none}.kakao-signup:disabled{background:#f4efcf;color:#837949}.kakao-signup:not(:disabled):hover{background:#f5dc00}.action-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px;text-align:center}.connection-status{display:flex;align-items:center;justify-content:center;gap:7px;color:#81778d;font-size:10px;line-height:1.6;margin-top:10px}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#9b8fa9}.connection-status[data-state=ready]{color:#3b6f4b}.connection-status[data-state=ready] .status-dot{background:#528861}.form-error{margin-top:14px;padding:10px;background:#fff0ef;color:#9b3434;font-size:12px;border-radius:6px}.retry-button{display:block;margin:10px auto 0;border:0;background:transparent;color:var(--purple);font-size:12px;text-decoration:underline;padding:5px}.return-products{display:block;margin-top:13px;text-align:center;color:var(--purple);font-size:12px;font-weight:600}.login-link{text-align:center;color:var(--muted);font-size:11px;margin-top:19px}.login-link a{color:var(--purple);font-weight:600;margin-left:7px}.script-note{margin-top:18px;padding:14px;background:#fff4de;color:#70562c;font-size:12px;border-radius:8px}
.signup-footer{max-width:1240px;margin:0 auto;padding:27px 32px 34px;border-top:1px solid var(--line);color:#777080}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>strong{font-size:12px;letter-spacing:1px;color:#5e526c}.footer-top nav{display:flex;gap:21px;font-size:11px}.signup-footer h2{font-size:11px;font-weight:600;letter-spacing:0;margin-top:22px}.signup-footer dl{display:flex;flex-wrap:wrap;gap:5px 21px;margin:8px 0 0;font-size:10px}.signup-footer dl>div{display:flex;gap:7px;max-width:100%}.signup-footer dt{color:#938a9c;flex-shrink:0}.signup-footer dd{margin:0}.signup-footer>p{font-size:10px;color:#9c93a4;margin-top:16px}

@media(max-width:600px){.signup-header{height:66px;padding:0 20px;gap:15px}.brand{font-size:28px}.header-description{padding-left:15px;font-size:11px}.header-home{font-size:11px}.header-home span{margin-left:4px}.signup-layout{padding:27px 16px 35px}.signup-intro{margin-bottom:20px}h1{font-size:27px}.intro-copy{font-size:12px}.signup-card{padding:21px 18px;border-radius:14px}.member-section legend{padding:10px 12px;font-size:13px;gap:7px;flex-wrap:wrap;margin-bottom:15px}.member-section legend small{font-size:10px}.signup-field{grid-template-columns:57px minmax(0,1fr);gap:10px;padding:0 2px}.signup-field>label{font-size:12px}.field-content input{font-size:12px;padding:0 10px}.field-help{font-size:10px}.check-row strong{font-size:11px}.signup-footer{padding:24px 22px 30px}.footer-top{gap:15px}.footer-top nav{gap:14px;font-size:10px}.signup-footer dl{gap:6px 17px}.signup-footer dl>div{flex-wrap:wrap;gap:0 7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}