/* Shared visual language with ilgam.shop; form behavior stays in app.js. */
:root{--ink:#2b2b2b;--muted:#706d65;--green:#285942;--lime:#ffc431;--line:#ebe4d7;--paper:#fff;--bg:#fffcf7;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif}
body{background:var(--bg)}
.service-strip{min-height:36px;padding:9px 20px;background:#2b2b2b;color:#f2eee6;display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;line-height:1.5}.service-strip a{color:#ffc431;text-underline-offset:3px}
.site-header{max-width:1180px;min-height:94px;padding:22px 40px;gap:24px}.brand{gap:10px;letter-spacing:0}.brand-image{object-fit:contain;flex-shrink:0;padding:3px;border:1px solid #f1dfb9;border-radius:15px;background:#fff7e6}.brand-copy{display:grid;gap:4px}.brand-copy b{font-size:25px;line-height:1.1;letter-spacing:-1px}.brand-copy small{margin:0;font-size:11px;color:#81786a;letter-spacing:.04em;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:14px;font-weight:700;color:#55514a}.site-nav a:hover{color:#935a00}.site-nav .current{color:#2b2b2b;border-bottom:3px solid #ffc431}.site-nav .home-link{border-radius:12px;padding:12px 16px;background:#fff;border:1px solid #e6ddce}
.layout{gap:60px;padding-top:48px;grid-template-columns:1fr 1.14fr}.intro{padding-top:20px}.intro>.eyebrow{display:inline-block;color:#775310;background:#fff7e6;border:1px solid #f1d79e;border-radius:24px;padding:8px 13px;letter-spacing:0;font-size:13px}h1{color:#17201c;font-weight:850;font-size:44px;line-height:1.28;letter-spacing:-2px;margin:25px 0 20px}h1 span{color:#b66b00}.intro>p{font-size:16px}.mascot-note{display:flex;align-items:center;margin-top:42px;padding:16px 16px 16px 0;border:1px solid #f1dfb9;border-radius:24px;background:#fff7e6;gap:0}.mascot-note img{width:145px;height:145px;object-fit:contain;flex-shrink:0}.mascot-note .note-number{color:#8c5b13;letter-spacing:0;font-weight:700;font-size:13px}.mascot-note p{color:#2b2b2b;font-size:17px;line-height:1.7;font-weight:700;margin:10px 0 0}.workspace{border-color:#e7ddce;box-shadow:0 18px 48px #4534180d;border-radius:26px}.eyebrow{color:#926000}.pill{color:#775310;background:#fff7e6}.steps [aria-current=step]{color:#2b2b2b}.steps [aria-current=step]>span{background:#ffc431;color:#2b2b2b}.steps li>span{background:#f4efe5;color:#787065}.required{color:#8b5a09}.consent b{color:#8b5a09}.consent input{accent-color:#8b5a09}.primary{background:#ffc431;color:#2b2b2b;border-radius:13px;box-shadow:0 8px 22px #cb8d191c;font-weight:800}.primary:hover{background:#f4b51c}.secondary{background:white;color:#2b2b2b;border:1px solid #ded5c6}.next-hint{background:#fff9ec}.hint-icon{color:#9b6200}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{border-color:#ded5c6}.choices input:checked+span{background:#fff7e6;color:#775310;border-color:#b88724}.upload-field{background:#fffaf0;border-color:#dcccac}.upload-field input::file-selector-button{color:#775310}.success-check{width:96px;height:96px;background:#fff7e6;color:#8c5b13;border-radius:26px}.success-check img{object-fit:contain}.success-card{border-color:#e7ddce;box-shadow:0 18px 48px #4534180d}.success-card h1{font-size:28px;letter-spacing:-1px}.restart-link{display:inline-flex;align-items:center;margin-top:12px}.dialog-top button,.privacy-copy{color:#2b2b2b}.privacy-copy dd{color:#706d65}.dialog-close.secondary{background:#ffc431;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.choices input:focus-visible+span{outline-color:#ad7100}
footer{max-width:none;margin:0;background:#2b2b2b;color:#e0d9ce;padding:30px max(24px,calc((100vw - 1100px)/2));border-top:0;gap:24px}.footer-home{font-size:23px;font-weight:800;text-decoration:none;color:#fff;white-space:nowrap}.footer-home span{display:block;font-size:12px;color:#d6cbb7;margin-top:7px;font-weight:400}footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}footer nav>a{min-height:44px;display:inline-flex;align-items:center;color:#f2eee6;font-size:13px;text-underline-offset:4px}footer .text-button{color:#f2eee6}
@media(max-width:900px){.layout{gap:30px;padding:36px 24px}h1{font-size:35px}.site-header{padding:18px 24px}.mascot-note{flex-direction:column;align-items:flex-start;padding:18px}.mascot-note img{align-self:center}.site-nav{gap:16px}footer{margin:0}}
@media(max-width:700px){.service-strip{min-height:34px;padding:7px 14px;font-size:11px;gap:12px}.site-header{padding:14px 18px;min-height:78px;gap:12px}.brand-copy b{font-size:23px}.brand-image{width:40px;height:40px}.site-nav{gap:10px}.site-nav a:first-child{display:none}.site-nav .current{font-size:12px}.site-nav .home-link{padding:9px 11px;font-size:12px}.layout{display:block;padding:24px 16px 32px}.intro{padding:0 4px;margin-bottom:22px}.intro>.eyebrow{font-size:11px;padding:6px 10px}h1{font-size:30px;line-height:1.35;letter-spacing:-1.4px;margin:14px 0 10px}.intro>p{font-size:14px;line-height:1.75;margin-bottom:0}.intro>p br{display:none}.mascot-note{display:none}.workspace{border-radius:22px;padding:22px 20px}.section-top{gap:8px}.pill{font-size:11px}footer{padding:24px;display:block}footer nav{gap:4px 18px;margin-top:15px}footer .text-button{width:auto}.success-wrap{margin-top:30px}.success-card h1{font-size:25px}}
@media(max-width:360px){.site-nav .current{display:none}.workspace{padding:22px 16px}.steps{gap:16px}}