:root{--brand-red:#d22131;--brand-yellow:#fef400;--brand-blue:#03439a;--brand-red2:#f71016;--brand-navy:#1b3a75;--color-navy:#1b3a75;--color-navy-deep:#142c59;--color-blue:#2f6fd6;--color-blue-soft:#e9f1fd;--color-sky:#f3f8ff;--color-bg:#ffffff;--color-bg-subtle:#f6f9fe;--color-surface:#ffffff;--color-text:#253451;--color-text-muted:#64748f;--color-border:#e4ebf5;--color-primary:var(--color-blue);--color-primary-hover:#2559b3;--color-primary-contrast:#ffffff;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",Roboto,Helvetica,Arial,sans-serif;--radius:16px;--shadow-card:0 1px 2px rgba(27,58,117,0.04),0 6px 16px rgba(27,58,117,0.06),0 16px 40px rgba(27,58,117,0.06);--shadow-card-hover:0 2px 4px rgba(27,58,117,0.06),0 12px 28px rgba(27,58,117,0.1),0 24px 56px rgba(27,58,117,0.08);--shadow-glow-blue:0 8px 24px rgba(47,111,214,0.35);--max-width:1120px;--header-height:72px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{color-scheme:light}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.28;margin:0 0 .5em;letter-spacing:-.02em;color:var(--color-navy)}p{margin:0 0 1em}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:88px 0}.section--subtle{background:linear-gradient(180deg,var(--color-sky) 0,var(--color-bg-subtle) 100%)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-blue);background:var(--color-blue-soft);border-radius:999px;padding:7px 16px 7px 12px;margin-bottom:18px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:conic-gradient(from 0deg,var(--brand-yellow) 0 25%,var(--brand-red2) 0 50%,var(--brand-blue) 0 75%,var(--brand-red) 0 100%)}.section-title{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:18px}.lead{font-size:1.125rem;max-width:64ch}.lead,.verse{color:var(--color-text-muted)}.verse{position:relative;background:var(--color-sky);border:1px solid var(--color-border);border-radius:var(--radius);padding:22px 26px;font-style:italic;max-width:62ch}.verse:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--brand-yellow),var(--brand-blue))}.verse cite{display:block;margin-top:10px;font-style:normal;font-weight:700;color:var(--color-navy)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;border:1px solid transparent;transition:background .15s ease,transform .12s ease,box-shadow .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(135deg,var(--color-blue) 0,#4d8bea 100%);color:var(--color-primary-contrast);box-shadow:var(--shadow-glow-blue)}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0,var(--color-blue) 100%);transform:translateY(-1px);box-shadow:0 12px 30px rgba(47,111,214,.42)}.btn--ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-navy);box-shadow:0 2px 8px rgba(27,58,117,.06)}.btn--ghost:hover{border-color:var(--color-blue);color:var(--color-blue);transform:translateY(-1px);box-shadow:0 6px 16px rgba(47,111,214,.14)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:720px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}}.banner{display:flex;align-items:center;gap:18px;margin-bottom:28px}.banner__num{flex:0 0 auto;font-size:2.6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-blue),#7fb0f2);-webkit-background-clip:text;background-clip:text;color:transparent;width:46px;text-align:center}.banner__label{flex:1 1;background:linear-gradient(90deg,var(--color-blue) 0,#6ea3ee 100%);color:#ffffff;font-weight:700;font-size:1.05rem;padding:13px 26px;border-radius:999px;box-shadow:0 8px 22px rgba(47,111,214,.25)}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}