/* 1. dark · 다크 스포티 — 지금 배포 중인 B안 그대로. 형광 연두(--lm)를 --accent로 바꿨다. */
.cdk.tpl-dark {
  --accent: #C6FF1A;
  --bk: #0A0C11; --lm: var(--accent); --bl: #2D5BFF; --card: #13161E; --line: rgba(255,255,255,.10); --sub: #A9B0C2;
  --fit-cv-t: 250; --fit-cv-tmin: 96; --fit-t: 104; --fit-tmin: 60; --fit-sub: 64; --fit-box: 46; --fit-box-ph: 38; --fit-bar-cv: 84; --fit-bar-cl: 64;
  background: var(--bk); color: #fff;
}
.tpl-dark .lanes { inset: -300px; transform: rotate(-24deg); background: repeating-linear-gradient(90deg, transparent 0 170px, rgba(255,255,255,.06) 170px 174px); }
.tpl-dark .glow { width: 900px; height: 900px; border-radius: 50%; background: radial-gradient(circle, rgba(45,91,255,.55) 0%, rgba(45,91,255,.22) 40%, rgba(45,91,255,0) 70%); }
.tpl-dark.cv .glow { left: -320px; bottom: -320px; }
.tpl-dark.pg .glow { left: -420px; top: 260px; opacity: .8; }
.tpl-dark.pg.alt .glow { left: auto; right: -420px; top: -300px; }
.tpl-dark.cl .glow { right: -400px; top: -300px; }

.tpl-dark .hd .org { font-size: 28px; font-weight: 800; color: #fff; }
.tpl-dark .hd .logo { padding: 8px 18px; border-radius: 16px; background: #fff; }
.tpl-dark .hd .n { font-size: 24px; font-weight: 800; color: #fff; background: rgba(255,255,255,.10); padding: 10px 18px; border-radius: 99px; }

.tpl-dark .t { font-weight: 900; line-height: 1.02; letter-spacing: -0.035em; transform: skewX(-7deg); transform-origin: left bottom; padding-left: 8px; }
.tpl-dark .t span { color: var(--lm); }
.tpl-dark .ph { border-radius: 36px; background: #000; }
.tpl-dark .ph::after { content: ""; position: absolute; inset: 0; border-radius: 36px; box-shadow: inset 0 0 0 4px var(--lm); }
.tpl-dark .speed span { height: 24px; border-radius: 99px; margin-bottom: 16px; transform: skewX(-30deg); }

.tpl-dark.cv .sub { font-size: 64px; font-weight: 800; line-height: 1.22; letter-spacing: -0.03em; padding-left: 8px; }
.tpl-dark.cv .speed { padding-left: 8px; }
.tpl-dark .bar { background: var(--lm); color: var(--bk); clip-path: polygon(0 70px, 100% 0, 100% 100%, 0 100%); }
.tpl-dark.cl .bar { clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); }
.tpl-dark .bar .s { font-size: 34px; font-weight: 800; }
.tpl-dark .bar .l { font-size: 84px; font-weight: 900; line-height: 1.08; letter-spacing: -0.035em; }
.tpl-dark.cl .bar .l { font-size: 64px; }

.tpl-dark.pg .t, .tpl-dark.cl .t { margin-left: 8px; }
.tpl-dark .box { background: var(--card); border: 2px solid var(--line); border-radius: 36px; padding: 46px 52px; }
.tpl-dark .box p { font-size: 40px; line-height: 1.55; font-weight: 500; color: #E3E7F0; letter-spacing: -0.02em; }
.tpl-dark .box p + p { margin-top: 14px; }
.tpl-dark .box p:first-child { font-weight: 700; color: #fff; }
.tpl-dark .box::before { content: ""; position: absolute; left: 0; top: 50px; width: 10px; height: 64px; border-radius: 9px; background: var(--lm); transform: skewX(-14deg); }