:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-600: #475569;--slate-800: #1e293b;--slate-900: #0f172a;--color-bg: #f4f6ff;--color-surface: #ffffff;--color-surface-muted: #f8faff;--color-text: var(--slate-900);--color-text-muted: var(--slate-600);--color-border: #d7ddff;--color-primary: var(--indigo-600);--color-primary-strong: var(--indigo-700);--color-primary-soft: var(--indigo-100);--font-sans: "SUIT Variable", "Pretendard Variable", "Pretendard", "Noto Sans KR", sans-serif;--font-display: "Gmarket Sans", "SUIT Variable", "Pretendard", "Noto Sans KR", sans-serif;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 10px 25px rgba(67, 56, 202, .08);--shadow-card: 0 16px 40px rgba(67, 56, 202, .1);--motion-fast: .18s;--motion-base: .28s}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{position:relative;font-family:var(--font-sans);color:var(--color-text);background:linear-gradient(155deg,#eef2ff,#f7f9ff 45%,#eef3ff);line-height:1.7}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(30px);pointer-events:none}body:before{width:420px;height:420px;right:-80px;top:-120px;background:radial-gradient(circle,#6366f14d,#6366f100)}body:after{width:360px;height:360px;left:-120px;bottom:-120px;background:radial-gradient(circle,#4f46e540,#4f46e500)}a{color:var(--color-primary-strong);text-decoration:none;transition:color var(--motion-fast) ease}a:hover{color:var(--indigo-800)}.site-shell{width:min(980px,calc(100vw - 2rem));margin:var(--space-8) auto var(--space-10)}.site-header{display:grid;gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-8);background:linear-gradient(145deg,#ffffffeb,#eef2ffeb);backdrop-filter:blur(6px)}.brand-eyebrow{margin:0;color:var(--indigo-500);letter-spacing:.12em;font-size:.72rem;font-weight:700}.brand-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3.8vw,2.25rem);line-height:1.2}.brand-title a{color:var(--slate-900)}.brand-title a:hover{color:var(--color-primary-strong)}.brand-tagline{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.95rem}.site-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .95rem;border-radius:999px;border:1px solid transparent;color:var(--slate-800);font-weight:600;font-size:.92rem;background:#ffffffd1;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease}.nav-link:hover{transform:translateY(-1px);border-color:var(--indigo-300);background:var(--indigo-50);color:var(--indigo-800)}.nav-link.is-active{color:#fff;background:linear-gradient(135deg,var(--indigo-600),var(--indigo-700));border-color:transparent}.site-main{display:grid;gap:var(--space-6)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-soft)}.hero-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,#818cf83d,#818cf800),linear-gradient(160deg,#fff,#f4f6ff)}.hero-kicker{margin:0 0 var(--space-2);color:var(--indigo-600);letter-spacing:.1em;font-size:.75rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--indigo-200);background:var(--indigo-50);color:var(--indigo-800);font-size:.88rem;font-weight:700;transition:border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.inline-action:hover{transform:translateY(-1px);border-color:var(--indigo-400)}.post-card{transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}.post-card:hover{transform:translateY(-2px);border-color:var(--indigo-300);box-shadow:var(--shadow-card)}.site-main>.post-card+.post-card{margin-top:var(--space-2)}.meta{margin:0;color:var(--color-text-muted);font-size:.9rem}h1,h2,h3{margin-top:0;line-height:1.3;letter-spacing:-.01em;font-family:var(--font-display)}h2,h3{margin-bottom:var(--space-3)}p{margin-top:0}table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;border-radius:var(--radius-sm);overflow:hidden}th,td{border:1px solid var(--color-border);padding:.6rem .75rem;text-align:left}th{color:var(--slate-800);background:var(--color-surface-muted)}ul,ol{margin-top:0}ul.checklist{list-style:none;padding-left:0}ul.checklist li{margin-bottom:var(--space-2)}ul.checklist li:before{content:"▢ ";color:var(--indigo-600);font-weight:700}.tag-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;min-height:28px;padding:.2rem .6rem;border-radius:999px;background:var(--indigo-50);border:1px solid var(--indigo-200);color:var(--indigo-800);font-size:.8rem;font-weight:600}.prose{color:var(--slate-800)}.prose h2,.prose h3{scroll-margin-top:100px}.prose h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote{margin-bottom:var(--space-6)}.prose li+li{margin-top:var(--space-2)}.prose img,.prose svg,.prose video,.prose iframe{display:block;width:auto;max-width:100%;height:auto;margin:var(--space-4) auto}.prose picture{display:block}.prose p>img:only-child{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff}.prose del{color:inherit;text-decoration:none}.search-input{width:100%;min-height:46px;padding:.7rem .85rem;border:1px solid var(--indigo-200);border-radius:var(--radius-sm);background:#fff;font-size:1rem;font-family:inherit;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.search-input:focus{outline:none;border-color:var(--indigo-500);box-shadow:0 0 0 4px #6366f126}.search-results{margin-top:var(--space-4)}.search-results .post-card+.post-card{margin-top:var(--space-4)}.site-footer{margin-top:var(--space-10);padding:var(--space-4) var(--space-2);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer p{margin:0}.site-footer p+p{margin-top:var(--space-2)}.site-main>*{opacity:0;transform:translateY(10px);animation:rise-in .42s ease forwards}.site-main>*:nth-child(2){animation-delay:70ms}.site-main>*:nth-child(3){animation-delay:.13s}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.site-shell{width:min(100vw - 1.2rem,980px);margin:var(--space-4) auto var(--space-8)}.site-header,.card{padding:var(--space-4)}.brand-tagline{font-size:.9rem}th,td{font-size:.92rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.site-main>*{opacity:1;transform:none}}