:root{--font-body:"Pretendard Variable", "SUIT Variable", "Segoe UI Variable", "Noto Sans KR", sans-serif;--font-display:"Pretendard Variable", "SUIT Variable", "Segoe UI Variable", "Noto Sans KR", sans-serif;--bg-canvas:#f3f5f7;--bg-subtle:#eef2f6;--bg-elevated:#fff;--bg-strong:#111827;--surface-1:#fff;--surface-2:#f8fafc;--surface-3:#e7edf4;--text-1:#111827;--text-2:#425466;--text-3:#6b7a8c;--text-inverse:#f8fafc;--border-soft:#d9e2ec;--border-strong:#b7c4d0;--accent-1:#1553cc;--accent-1-strong:#0f3f9d;--accent-1-soft:#e9f0ff;--accent-2:#0f172a;--success:#1f7a4d;--warning:#b45309;--danger:#c53d32;--shadow-soft:0 8px 20px #0f172a0d;--shadow-panel:0 16px 36px #0f172a14;--radius-s:10px;--radius-m:16px;--radius-l:22px;--max-content:1400px}*{box-sizing:border-box}html{background:var(--bg-canvas);color:var(--text-1);font-family:var(--font-body)}body{background:var(--bg-canvas);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(calc(100% - 2rem), var(--max-content));margin:0 auto}.panel{background:var(--bg-elevated);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.pill{background:var(--accent-1-soft);color:var(--accent-1);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:.82rem}.button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.2rem;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(180deg, var(--accent-1), var(--accent-1-strong));color:#fff;box-shadow:0 10px 20px #1553cc38}.button-secondary{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-soft)}.button-danger{color:var(--danger);background:#b03f2d1f;border:1px solid #b03f2d2e}.field{gap:.45rem;display:grid}.field label{color:var(--text-2);font-size:.92rem;font-weight:700}.field input,.field textarea{border-radius:var(--radius-s);border:1px solid var(--border-soft);width:100%;color:var(--text-1);background:#fff;padding:.95rem 1rem}.field input:focus,.field textarea:focus{outline:2px solid color-mix(in srgb, var(--accent-1) 18%, transparent);outline-offset:1px;border-color:color-mix(in srgb, var(--accent-1) 34%, var(--border-soft))}.field textarea{resize:vertical;min-height:7rem}.field-hint{color:var(--text-3);font-size:.84rem;line-height:1.5}.error-banner,.success-banner,.info-banner{border-radius:var(--radius-s);padding:.95rem 1rem;font-size:.92rem;line-height:1.55}.error-banner{color:var(--danger);background:#b03f2d1f}.success-banner{color:var(--success);background:#1c7c541f}.info-banner{background:var(--accent-1-soft);color:var(--accent-1)}.section-title{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:800}.section-copy{color:var(--text-2);margin:0;line-height:1.6}.grid-cards{gap:1rem;display:grid}.utility-link{color:var(--accent-1);font-weight:700}@media (width>=768px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
