:root{--bg: #fafafa;--bg-card: #ffffff;--bg-subtle: #f3f4f6;--text: #1a1a2e;--text-muted: #6b7280;--accent: #c0392b;--accent2: #e8a598;--accent-glow: rgba(192, 57, 43, .15);--border: #e5e7eb;--shadow: 0 4px 24px rgba(0,0,0,.07);--shadow-hover: 0 8px 32px rgba(192,57,43,.12);--tag-bg: #fff0ee;--tag-text: #c0392b;--korea-pink: #e91e8c;--navbar-bg: rgba(250,250,250,.92)}[data-theme=dark]{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-subtle: #16213e;--text: #f0f0f0;--text-muted: #9ca3af;--accent: #e74c3c;--accent2: #c0392b;--accent-glow: rgba(231, 76, 60, .2);--border: #2d2d4a;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-hover: 0 8px 32px rgba(231,76,60,.2);--tag-bg: #2d1a1a;--tag-text: #e74c3c;--navbar-bg: rgba(15,15,26,.92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s;line-height:1.6}.section{padding:80px 24px;max-width:960px;margin:0 auto}.section-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;margin-bottom:48px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:48px;height:3px;background:var(--accent);border-radius:2px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.tag{display:inline-block;background:var(--tag-bg);color:var(--tag-text);border-radius:20px;padding:3px 12px;font-size:.78rem;font-weight:500;border:1px solid var(--accent2)}