:root{--purple:#534ab7;--blue:#1153a4;--blue-deep:#125082;--cyan:#2abcea;--magenta:#e50c85;--yellow:#fac031;--page-bg:#ececec;--panel-bg:#ffffff;--panel-inner-bg:#fbfbfb;--surface-tint:#fafafc;--surface-ui:#f5f5f5;--surface-subtle:#f9fafb;--text-heading:#1c1917;--text-body:#57534d;--text-strong:#212121;--text-muted:rgba(17,17,17,0.55);--text-soft:rgba(17,17,17,0.45);--text-prose:#374151;--text-on-dark:#ffffff;--border:rgba(17,17,17,0.06);--border-strong:rgba(17,17,17,0.1);--border-purple-soft:rgba(83,74,183,0.2);--border-purple:rgba(83,74,183,0.25);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:18px;--radius-3xl:22px;--radius-panel:28px;--radius-pill:9999px;--shadow-panel:0 20px 60px rgba(0,0,0,0.05);--shadow-panel-quote:0 20px 60px rgba(83,74,183,0.15);--shadow-panel-cta:0 20px 60px rgba(83,74,183,0.18);--shadow-card:0 14px 35px rgba(0,0,0,0.06);--shadow-raised:0 18px 30px rgba(0,0,0,0.08);--shadow-float:0 16px 42px rgba(15,23,42,0.08);--shadow-media:0 20px 60px rgba(0,0,0,0.12);--shadow-button:0 12px 24px rgba(83,74,183,0.28);--shadow-button-cyan:0 12px 24px rgba(42,188,234,0.32);--focus-ring:0 0 0 3px rgba(83,74,183,0.25);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--content-max:1180px;--gutter:16px;--section-pad:22px;--panel-inset:18px;--font-sans:"Pretendard",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"Cascadia Code",Menlo,Consolas,monospace;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-h1:clamp(1.875rem,1.375rem + 2.05vw,3rem);--text-h2:clamp(1.5rem,1.17rem + 1.35vw,2.25rem);--text-h3:18px;--leading-tight:0.95;--leading-sm:1.4286;--leading-body:1.5556;--leading-relaxed:1.625;--tracking-tight:-0.03em;--tracking-snug:-0.02em;--tracking-wide:0.06em;--duration-fast:200ms;--duration:220ms;--duration-shine:560ms;--ease:cubic-bezier(0.22,1,0.36,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--purple) var(--surface-tint)}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-lg);line-height:var(--leading-body);color:var(--text-body);background:var(--page-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-semibold);color:var(--text-heading);margin:0}h1{font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}h2{font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}h3{font-size:var(--text-h3);letter-spacing:var(--tracking-snug);padding-block:var(--space-2)}h4{font-size:var(--text-sm);line-height:var(--leading-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-soft);padding-block:var(--space-2)}h5{font-size:inherit;color:var(--purple)}h6{font-size:inherit}@media (min-width:640px){h1,.title-xl{margin-bottom:var(--space-7)}h2{margin-bottom:var(--space-6)}h3,h4{padding-block:var(--space-3)}}p{margin:0 0 var(--space-4)}ul,ol{margin:0 0 var(--space-6);padding:0;list-style:none}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}img{-webkit-user-drag:none;user-drag:none}svg{max-width:100%;vertical-align:-0.125em}section{width:100%;padding-block:var(--section-pad)}input,textarea,select{font:inherit;color:inherit;padding:var(--space-2) var(--space-4);border:1px solid var(--purple);border-radius:var(--radius-xs);background:var(--panel-bg);transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--purple)}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:13px var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--purple);color:var(--text-on-dark);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-button);transition:transform var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}button::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,0.3) 48%,transparent 74%);transform:translateX(-130%);transition:transform var(--duration-shine) ease;pointer-events:none}button:hover{transform:translateY(-2px)}button:not([disabled]):hover::before{transform:translateX(130%)}button[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}details summary{cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}th{font-weight:var(--weight-semibold);color:var(--text-heading)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-sm)}hr{border:0;border-top:1px solid var(--border-strong);margin-block:var(--space-6)}button.secondary{background:var(--panel-bg);color:var(--purple);border-color:var(--border-strong);box-shadow:none}button.secondary:hover{background:var(--surface-subtle)}button.secondary::before{background:linear-gradient( 120deg,rgba(42,188,234,0) 18%,rgba(42,188,234,0.24) 36%,rgba(83,74,183,0.28) 50%,rgba(229,12,133,0.24) 64%,rgba(250,192,49,0.2) 78%,rgba(250,192,49,0) 92% )}.title-xl{font-size:var(--text-h1);margin-bottom:var(--space-5)}.prose{max-width:56rem;color:var(--text-prose);line-height:var(--leading-relaxed)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2{font-size:var(--text-2xl);line-height:1.25;margin-top:var(--space-7);margin-bottom:var(--space-4)}.prose h3{font-size:var(--text-xl);line-height:1.35;letter-spacing:var(--tracking-snug);padding-block:0;margin-top:var(--space-6);margin-bottom:var(--space-3)}.prose h4{font-size:var(--text-base);text-transform:none;letter-spacing:normal;color:var(--text-heading);padding-block:0;margin-top:var(--space-5);margin-bottom:var(--space-2)}.prose p{margin-bottom:var(--space-4)}.prose a{color:var(--purple);text-decoration:none}.prose a:hover{text-decoration:underline}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-5);list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose li::marker{color:var(--text-soft)}.prose blockquote{margin:var(--space-5) 0;padding:var(--space-1) 0 var(--space-1) var(--space-5);border-left:3px solid var(--purple);color:var(--text-muted);font-style:italic}.prose code{padding:0.15em 0.4em;border-radius:var(--radius-xs);background:var(--surface-ui);color:var(--text-strong)}.prose pre{margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-ui);overflow-x:auto}.prose pre code{padding:0;background:none}.prose img{margin:var(--space-6) 0;border-radius:var(--radius-xl)}.prose figure{margin:var(--space-6) 0}.prose figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-soft)}.prose table{margin:var(--space-5) 0;font-size:var(--text-base)}.prose hr{margin-block:var(--space-7);border-top-color:var(--border)}@media (prefers-reduced-motion:reduce){button,button::before,input,textarea,select{transition:none}button:hover{transform:none}button:not([disabled]):hover::before{transform:translateX(-130%)}}@font-face{font-family:"Pretendard";src:url("/fonts/Pretendard-Regular.subset.01dd73155f.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Pretendard";src:url("/fonts/Pretendard-Bold.subset.78eb71c331.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}