:root{--bg:#f6f7fb;--ink:#1b2050;--card:#fff;--accent:#06aed4;--line:#dde3ee;--radius:12px;--hero:#10132f;--hero-ink:#fff}.l-home-hero,.l-hero,.l-cta{background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:56px 56px}.l-home-hero{background-color:#1b2050}.l-key-info{margin-top:-44px}.l-key-info .l-card{box-shadow:0 10px 35px #18205012}.l-art .l-orbit{background:radial-gradient(circle,#06aed433,transparent 70%);border:0}.l-art>span{color:#b6edff;opacity:.65}.l-art canvas{z-index:2}.l-card__icon{background:#e9f9fd;display:grid;place-items:center;width:42px;height:42px;border-radius:10px}#fields .l-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#process .l-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.l-cta .t-btn--ghost,.l-home-hero .t-btn--ghost{border-color:#ffffff55}@media(max-width:768px){#fields .l-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 밴드 — 흰 면과 캔버스 면이 머리카락 선으로 갈린다. 공공 사업 자료의 리듬. */
.theme-bootcamp{--surface-alt:#eef2f9;--surface-deep:#10132f;--surface-deep-ink:#e8f6ff}
.theme-bootcamp .l-band+.l-band{border-top:1px solid var(--line)}
.theme-bootcamp .l-band[data-band=base]{--band-bg:#fff}
.theme-bootcamp .l-band[data-band=deep]{border-top:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:56px 56px}
.theme-bootcamp .l-band[data-band=deep] .l-card{background:#ffffff0d;border-color:#ffffff1f}
.theme-bootcamp .l-band[data-band=deep] .l-card p{opacity:.82}
/* 시그니처 — 카드는 움직이지 않는다. 제목 아래 시안 바가 그어지고 핵심 숫자만 올라간다. */
.theme-bootcamp .l-section-heading{position:relative;padding-bottom:20px}
.theme-bootcamp .l-section-heading:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;border-radius:3px;background:var(--accent);transition:width .7s cubic-bezier(.22,.61,.36,1)}
.theme-bootcamp .l-section-heading.is-in:after{width:64px}
.theme-bootcamp .l-band[data-band=deep] .l-section-heading:after{background:#5ce5ff}
.theme-bootcamp .l-key-info h3{font-variant-numeric:tabular-nums}
/* 파티클이 2026 형상을 이루는 동안에는 HTML 2026 을 낮춰 겹치지 않게 한다 */
.theme-bootcamp .l-art>span{transition:opacity .6s ease}
.theme-bootcamp .l-art[data-phase=year]>span{opacity:.18}
.theme-bootcamp .l-art canvas{z-index:2}
.theme-bootcamp .l-clocks{--clock-face:#ffffff12;--clock-line:#ffffff26;--clock-hinge:#0b1020a8}
/* 배경 파티클 위로 글이 얹히므로 좌측을 살짝 덮어 대비를 지킨다.
   넓은 화면에서는 이펙트가 오른쪽으로 물러나 글 뒤에 아무것도 없으므로 이 덮개가 필요 없다 —
   오히려 색을 칠하는 순간 히어로 배경(#101733)과 톤이 어긋나 세로 경계선이 생긴다. 좁은 화면에서만 쓴다. */
@media(max-width:1000px){.theme-bootcamp .l-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#101733e6 0%,#101733a6 34%,transparent 62%)}}
.theme-bootcamp .l-art{background:transparent;border-color:#ffffff10;box-shadow:none}