/* SlimBelle. founding list */
.wl{display:grid;gap:12px;text-align:left;margin-top:6px}
.wl-f{display:grid;gap:6px;font:600 .9rem 'Hanken Grotesk',sans-serif;color:#4A3226}
.wl-f .wl-l em{font-style:normal;font-weight:500;color:#8A6F60;margin-left:4px}
.wl input:not([type=checkbox]),.wl select{width:100%;margin:0;font:500 16px 'Hanken Grotesk',sans-serif;color:#4A3226;padding:14px 16px;min-height:52px;border-radius:16px;border:1.5px solid #E2CFC2;background:#fff;box-shadow:none;appearance:none;-webkit-appearance:none}
.wl select{background-image:linear-gradient(45deg,transparent 50%,#7A5A46 50%),linear-gradient(135deg,#7A5A46 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.wl input:focus,.wl select:focus{outline:0;border-color:#C9788C;box-shadow:0 0 0 4px rgba(201,120,140,.2)}
.wl [aria-invalid=true]{border-color:#B4586E}
.wl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wl-ok{position:relative;display:flex;gap:12px;align-items:flex-start;font:500 .92rem/1.45 'Hanken Grotesk',sans-serif;color:#6B5245;cursor:pointer;padding:4px 0}
.wl-ok input{position:absolute;opacity:0;width:24px;height:24px;margin:0;cursor:pointer}
.wl-ok i{flex:0 0 24px;height:24px;border-radius:8px;border:1.5px solid #C9B3A6;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.wl-ok input:checked+i{background:#57392A;border-color:#57392A}
.wl-ok input:checked+i::after{content:"";width:6px;height:11px;border:solid #F7D3DA;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.wl-ok input:focus-visible+i{box-shadow:0 0 0 4px rgba(201,120,140,.3)}
.wl-ok input[aria-invalid=true]+i{border-color:#B4586E}
.wl-err{margin:0!important;padding:10px 14px;border-radius:12px;background:#FBE3E8;color:#8E3A50!important;font:600 .9rem/1.4 'Hanken Grotesk',sans-serif!important}
.wl .wl-go{width:100%;margin-top:2px}
.wl .wl-go[disabled]{opacity:.6}
.wl-open{margin:4px 0 16px;padding:14px 16px;border-radius:18px;background:#F7D3DA;color:#57392A;font:500 .95rem/1.5 'Hanken Grotesk',sans-serif;text-align:left}
.wl-open b{font-weight:600}
.wl-done{text-align:center;outline:0}
.wl-done .tg-seal{margin:6px auto 14px}
.wl-done h3{font-family:'Unbounded',sans-serif;font-weight:560;color:#4A3226;font-size:clamp(1.2rem,4vw,1.5rem);margin:0 0 12px}
.wl-done p{color:#6B5245}
/* popup */
.pop .wl{gap:10px}
.pop .wl input:not([type=checkbox]),.pop .wl select{border-color:transparent}
.pop .wl-ok{color:#57392A}
.pop .wl-ok i{border-color:#C9788C}
.pop .wl .wl-go{background:#57392A;color:#F7D3DA}
.pop .tg-seal{width:64px;height:64px;border-radius:50%;background:#fff;color:#57392A;display:flex;align-items:center;justify-content:center;font-size:28px}
@media(max-width:640px){.pop .form{padding:22px 20px 22px}.pop .box{max-height:94vh}.pop .form p{margin-bottom:8px}}
/* start page */
.join{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:start}
.join .card2{background:#FBF6F1;border-radius:32px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 70px -40px rgba(58,37,27,.45)}
.join .card2 h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.35em}
.join .side h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.join .side ul{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:14px}
.join .side li{display:grid;grid-template-columns:28px 1fr;gap:12px;color:var(--muted);line-height:1.5}
.join .side li::before{content:"";width:14px;height:14px;margin-top:6px;border-radius:50%;background:var(--pink);box-shadow:inset 0 0 0 4px var(--rose)}
.join .side li b{color:var(--ink);font-weight:600}
.join .side .quiz{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:24px;background:var(--silk2)}
.join .side .quiz img{width:auto;height:92px;flex:0 0 auto;filter:drop-shadow(0 12px 10px rgba(58,37,27,.3))}
.join .side .quiz p{margin:0 0 8px;color:var(--ink)}
.join .side .quiz a{font-weight:600;color:var(--esp)}
@media(max-width:860px){.join{grid-template-columns:1fr}.join .side{order:2}}

.pop .form .wl-done h3{font-size:clamp(1.3rem,3vw,1.7rem)}
.card2 .wl-done{padding:12px 0}
