:root{--bg:#F4E7CB;--panel:#FBF3DF;--panel2:#FFFBEF;--line:#E3D3AE;--line2:#CDB88A;--text:#2B2118;--muted:#857560;--accent:#E9B84A;--accent-ink:#2B2118;--brand:#C8452E;--brand-ink:#F4E7CB;--brand-dark:#8E2F1F;--cream:#F4E7CB;--sage:#5E8F6A;--ovr:#6E3FD0;--danger:#B8321C;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1C1915;--panel:#26211C;--panel2:#312A24;--line:#3E352D;--line2:#514639;--text:#F4E7CB;--muted:#A99A84;--accent:#E9B84A;--accent-ink:#2B2118;--brand:#C8452E;--brand-ink:#F4E7CB;--brand-dark:#6E2316;--cream:#F4E7CB;--sage:#5E8F6A;--ovr:#B48CFF;--danger:#E8604A;color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 IBM Plex Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;border:2px solid var(--text);background:var(--panel2);color:var(--text);cursor:pointer;font:inherit;font-weight:600;text-decoration:none;transition:transform .08s,filter .12s}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--text);box-shadow:0 3px 0 var(--text)}.btn.primary:active{box-shadow:0 1px 0 var(--text);transform:translateY(2px)}.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--text);box-shadow:0 3px 0 var(--text)}.btn.accent:active{box-shadow:0 1px 0 var(--text);transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--panel);border:2px solid var(--text);border-radius:16px;padding:18px;box-shadow:4px 4px 0 var(--text)}.muted{color:var(--muted)}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.pill{font-size:11px;padding:2px 9px;border-radius:99px;border:1px solid var(--line2);color:var(--muted)}.pill,input,select{background:var(--panel2)}input,select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.grid{display:grid;grid-gap:12px;gap:12px}.stripes{height:6px;background:repeating-linear-gradient(90deg,var(--brand) 0 22px,var(--accent) 22px 44px)}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.01em;font-size:0}.logo i{display:inline-block;width:110px;height:34px;background:url(/brand/logo-mark.svg) 50%/contain no-repeat;flex:none}.logo.big i{width:320px;height:120px;background-image:url(/brand/logo.svg)}.kicker{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px;letter-spacing:.02em;border:2px solid var(--text)}h1.hero{font-size:44px;line-height:1.12;margin:0;letter-spacing:-.02em;font-weight:900}h1.hero em{font-style:normal;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:6px;text-underline-offset:4px}.pop,h1.hero em{color:var(--brand)}.pop{display:inline-block;animation:pop .9s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media (max-width:640px){h1.hero{font-size:32px}}