@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');

:root{font-family:'Noto Sans KR',sans-serif;color:#211a1e;background:#fff8fa;--pink:#ff4f8b;--hot:#f52670;--soft:#fff0f5;--ink:#211a1e;--muted:#786d73;--line:#eadfe4;--white:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fff 0 610px,#fff8fa 610px);color:var(--ink)}body,input,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.join-header{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:900;letter-spacing:-2px}.brand span{color:var(--pink)}.home-link{font-size:13px;font-weight:700;color:#62565d}.home-link span{display:inline-block;margin-left:7px;transition:.2s}.home-link:hover span{transform:translateX(4px)}main{max-width:1180px;margin:auto;padding:46px 24px 90px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:70px;align-items:start}.join-intro{position:sticky;top:45px;padding:42px 5px 0}.eyebrow,.step-label{font:800 14px/1 'DM Sans',sans-serif;color:var(--hot);letter-spacing:1.8px}.intro-copy h1{font-size:clamp(40px,4.5vw,61px);line-height:1.18;letter-spacing:-4px;margin:18px 0 22px}.intro-copy h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--hot);font-weight:500}.intro-copy>p{max-width:480px;color:var(--muted);font-size:15px;line-height:1.8}.intro-copy ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;font-size:13px;font-weight:600}.intro-copy li span{display:inline-grid;place-items:center;width:22px;height:22px;background:#ffe5ee;color:var(--hot);border-radius:50%;font-size:14px;margin-right:9px}.intro-art{height:230px;margin-top:48px;border-radius:28px;background:linear-gradient(145deg,#ff8bb2,#f52670);position:relative;overflow:hidden;color:#fff;box-shadow:0 25px 55px rgba(226,29,97,.2)}.intro-art .heart{position:absolute;right:55px;top:42px;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--hot);font-size:45px;box-shadow:0 20px 45px rgba(118,0,38,.2)}.intro-art p{position:absolute;left:35px;bottom:30px;margin:0;font-size:12px;line-height:1.6}.intro-art strong{font-size:21px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.38);border-radius:50%}.orbit-one{width:290px;height:180px;right:-35px;top:12px;transform:rotate(-20deg)}.orbit-two{width:220px;height:290px;right:15px;top:-28px;transform:rotate(35deg)}.form-section{background:#fff;border:1px solid #f0e6ea;border-radius:30px;padding:45px;box-shadow:0 22px 70px rgba(73,31,46,.09)}.form-heading h2{font-size:30px;letter-spacing:-1.7px;margin:11px 0 7px}.form-heading p{margin:0;color:var(--muted);font-size:13px}.gender-fieldset{border:0;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-card{min-height:108px;padding:18px;border:1.5px solid var(--line);border-radius:17px;display:grid;grid-template-columns:47px 1fr 22px;align-items:center;gap:12px;cursor:pointer;transition:.2s;position:relative}.gender-card:hover{border-color:#f7a3bf;transform:translateY(-2px)}.gender-card:has(input:checked){border-color:var(--hot);background:#fff4f7;box-shadow:0 9px 25px rgba(245,38,112,.1)}.gender-card input{position:absolute;opacity:0;pointer-events:none}.gender-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font:800 26px/1 'DM Sans',sans-serif}.gender-icon.male{background:#eef4ff;color:#4c7fda}.gender-icon.female{background:#ffeaf1;color:var(--hot)}.gender-copy strong,.gender-copy small{display:block}.gender-copy strong{font-size:14px}.gender-copy small{margin-top:5px;color:var(--muted);font-size:10px}.check{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:transparent;font-size:14px}.gender-card:has(input:checked) .check{background:var(--hot);border-color:var(--hot);color:#fff}.divider{height:1px;background:var(--line);margin:35px 0 29px;position:relative}.divider span{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fff;padding-right:13px;font-size:12px;font-weight:800}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 13px}.field.full{grid-column:1/-1}.field>span{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field b{color:var(--hot)}.field i{font-style:normal;color:#a1959b;font-size:10px;font-weight:500;margin-left:5px}.field input{width:100%;height:50px;border:1px solid var(--line);border-radius:11px;padding:0 14px;color:var(--ink);outline:none;background:#fff;transition:.2s}.field input::placeholder{color:#b1a6ab}.field input:focus{border-color:var(--hot);box-shadow:0 0 0 4px rgba(245,38,112,.08)}.field input:user-invalid{border-color:#e34854}.field small{display:block;color:#a0949a;font-size:10px;margin-top:6px}.field-error{min-height:17px;margin:8px 0 0;color:#d73c4b;font-size:14px}.agreements{border:1px solid var(--line);border-radius:14px;margin-top:20px;overflow:hidden}.agreements label{cursor:pointer}.agree-all{display:flex;align-items:center;gap:11px;padding:16px;background:#fff7f9}.agree-all span strong,.agree-all span small{display:block}.agree-all strong{font-size:13px}.agree-all small{font-size:10px;color:var(--muted);margin-top:2px}.agreements input{width:18px;height:18px;accent-color:var(--hot);flex:0 0 auto}.agree-list{display:grid;gap:12px;padding:16px}.agree-list label{display:flex;gap:9px;align-items:center;font-size:14px;color:#61565c}.agree-list b{color:var(--hot)}.agree-list em{font-style:normal;color:#8b7f85}.submit-button{width:100%;min-height:56px;border:0;border-radius:14px;background:var(--hot);color:#fff;font-weight:900;margin-top:22px;box-shadow:0 13px 28px rgba(245,38,112,.22);display:flex;align-items:center;justify-content:center;gap:13px;transition:.2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 17px 33px rgba(245,38,112,.28)}.submit-note{text-align:center;color:#a3989d;font-size:10px;line-height:1.5;margin:11px 0 0}.complete-panel{text-align:center;padding:80px 10px}.complete-icon{width:74px;height:74px;border-radius:50%;background:var(--soft);color:var(--hot);display:grid;place-items:center;font-size:31px;margin:0 auto 25px}.complete-panel>span{font:800 14px/1 'DM Sans',sans-serif;letter-spacing:2px;color:var(--hot)}.complete-panel h2{font-size:29px;letter-spacing:-1.6px;margin:12px 0}.complete-panel p{font-size:13px;color:var(--muted);line-height:1.75}.complete-panel .submit-button{max-width:290px;margin:25px auto 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{text-align:center;padding:0 20px 55px}footer .brand{display:inline-block;font-size:23px}footer p,footer small{display:block;color:#958990;font-size:10px;margin:9px 0 0}
@media(max-width:930px){main{grid-template-columns:1fr;max-width:720px;gap:35px}.join-intro{position:static;padding-top:20px}.intro-art{display:none}.intro-copy ul{grid-template-columns:repeat(3,1fr)}.form-section{padding:40px}}
@media(max-width:620px){body{background:#fff}.join-header{height:65px;padding:0 18px;border-bottom:1px solid #f1e8ec}.brand{font-size:24px}main{padding:30px 15px 65px;gap:28px}.join-intro{padding:0 5px}.intro-copy h1{font-size:38px;letter-spacing:-2.7px;margin:15px 0 16px}.intro-copy>p{font-size:13px}.intro-copy ul{grid-template-columns:1fr;gap:9px;margin-top:20px}.form-section{border-radius:22px;padding:27px 18px;box-shadow:0 13px 40px rgba(73,31,46,.08)}.form-heading h2{font-size:25px}.gender-fieldset{grid-template-columns:1fr;margin-top:24px}.gender-card{min-height:88px}.field-grid{grid-template-columns:1fr;gap:17px}.field.full{grid-column:auto}.divider{margin:30px 0 25px}.agree-list label{align-items:flex-start;line-height:1.5}.complete-panel{padding:60px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}