:root{--color-bg: #ffffff;--color-bg-subtle: #f7f8fa;--color-bg-card: #ffffff;--color-text: #1a1f2c;--color-text-muted: #586174;--color-text-subtle: #8892a3;--color-border: #e5e8ee;--color-border-strong: #cbd1db;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-soft: #eff5ff;--color-tag-bg: #eef0f5;--color-link: #2563eb;--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-soft: 0 6px 24px rgba(15, 23, 42, .08);--radius: 10px;--radius-lg: 16px;--content-max: 1100px;--header-h: 64px;--font-body: -apple-system, BlinkMacSystemFont, "Pretendard Variable", Pretendard, "Noto Sans KR", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--content-max);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;background:#ffffffeb;backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--color-border);z-index:50}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.site-header__logo{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.site-nav{display:flex;gap:28px}.site-nav a{color:var(--color-text-muted);font-weight:500;transition:color .15s}.site-nav a:hover{color:var(--color-text);text-decoration:none}.site-nav a.is-active{color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);padding:48px 0 32px;margin-top:80px;color:var(--color-text-muted);font-size:14px}.site-footer__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-footer__links{display:flex;gap:20px}.site-footer__links a{color:var(--color-text-muted)}.hero{padding:88px 0 64px}.hero__pill{display:inline-block;padding:6px 14px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;font-size:13px;font-weight:600;margin-bottom:24px}.hero__title{font-size:44px;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em;font-weight:800}.hero__subtitle{font-size:18px;color:var(--color-text-muted);max-width:720px;margin:0 0 32px}.hero__cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:var(--radius);font-weight:600;font-size:15px;transition:all .15s;border:1px solid transparent;cursor:pointer}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);text-decoration:none}.btn--ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn--ghost:hover{background:var(--color-bg-subtle);text-decoration:none}.section{padding:64px 0}.section--alt{background:var(--color-bg-subtle)}.section__title{font-size:28px;margin:0 0 8px;letter-spacing:-.01em;font-weight:700}.section__subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:16px}.card-grid{display:grid;gap:24px}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 800px){.card-grid--3,.card-grid--2{grid-template-columns:1fr}.hero__title{font-size:32px}}.post-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.post-card__cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-subtle)}.post-card__cover img{width:100%;height:100%;object-fit:cover}.post-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}.post-card__meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--color-text-subtle)}.post-card__category{display:inline-block;background:var(--color-accent-soft);color:var(--color-accent);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.post-card__title{font-size:18px;font-weight:700;line-height:1.4;margin:0;color:var(--color-text)}.post-card__excerpt{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.55}.blog-list__header{padding:64px 0 32px;border-bottom:1px solid var(--color-border)}.blog-list__filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}.blog-list__chip{display:inline-block;padding:6px 14px;background:var(--color-tag-bg);border-radius:999px;font-size:13px;font-weight:600;color:var(--color-text-muted);transition:all .15s}.blog-list__chip:hover{background:var(--color-accent-soft);color:var(--color-accent);text-decoration:none}.blog-list__chip.is-active{background:var(--color-accent);color:#fff}.post-detail{padding:48px 0 32px;max-width:760px;margin:0 auto}.post-detail__meta{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--color-text-subtle);margin-bottom:16px}.post-detail__title{font-size:36px;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}.post-detail__excerpt{font-size:18px;color:var(--color-text-muted);margin:0 0 32px;line-height:1.55}.post-detail__cover{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px}.post-detail__body h2{margin-top:40px;font-size:24px}.post-detail__body h3{margin-top:32px;font-size:20px}.post-detail__body p{margin:18px 0;line-height:1.7}.post-detail__body ul,.post-detail__body ol{padding-left:22px;line-height:1.7}.post-detail__body blockquote{margin:28px 0;padding:16px 20px;background:var(--color-bg-subtle);border-left:4px solid var(--color-accent);border-radius:6px;color:var(--color-text-muted)}.post-detail__body aside.callout{background:var(--color-accent-soft);border:1px solid #d8e6ff;padding:16px 20px;border-radius:var(--radius);margin:24px 0;color:var(--color-text)}.post-detail__tags{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.post-detail__tag{font-size:13px;background:var(--color-tag-bg);color:var(--color-text-muted);padding:4px 10px;border-radius:6px}.related-posts{max-width:760px;margin:60px auto 0;padding:32px 0;border-top:1px solid var(--color-border)}.related-posts h3{margin:0 0 16px;font-size:18px}.cta{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;padding:32px;border-radius:var(--radius-lg);margin:48px auto 0;max-width:760px;text-align:center}.cta h3{margin:0 0 8px;font-size:22px}.cta p{margin:0 0 20px;color:#ffffffd9}.cta .btn{background:#fff;color:var(--color-accent)}.cta .btn:hover{background:#f0f4ff}