:root{--bg: #f5f1e8;--panel: #fbf8f2;--panel-strong: #fffdf8;--ink: #172126;--muted: #66737b;--line: #d7d0c4;--line-strong: #c7bdad;--brand: #0f766e;--brand-soft: #d8efe8;--brand-deep: #0b5f58;--warn: #c2410c;--radius-lg: 24px;--radius-md: 18px;--shadow-soft: 0 18px 40px rgba(23, 33, 38, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 28%),linear-gradient(180deg,#f8f4ec,#f1ecdf);color:var(--ink);font-family:Pretendard,Noto Sans KR,sans-serif;text-rendering:optimizeLegibility}body{min-height:100vh}::selection{background:#0f766e2e}a{color:inherit;text-decoration:none}button,input{font:inherit}button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}button:hover{transform:translateY(-1px)}img{max-width:100%;display:block}.shell{width:min(1200px,calc(100vw - 32px));margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.metric-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff94}.eyebrow{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.button-primary{border:0;background:var(--ink);color:#fff;padding:14px 18px;border-radius:999px;font-weight:700}.button-secondary{border:1px solid var(--line-strong);background:transparent;color:var(--ink);padding:14px 18px;border-radius:999px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:var(--brand-soft);color:var(--brand-deep);font-size:13px;font-weight:700}
