/* 2. aurora · 밝은 그라디언트 — 기준 디자인 A안. 연한 하늘 바탕에 강조색·민트·연두가 번지고, 반투명 유리 상자.
   번짐은 filter:blur 대신 radial-gradient로 그린다(modern-screenshot에서 안정적). */
.cdk.tpl-aurora {
  --accent: #2D5BFF;
  --ink: #0B1533; --ink2: #3A4566; --mint: #2FD3B0; --lime: #D4FF3A; --paper: #EEF2FA;
  --fit-cv-t: 210; --fit-cv-tmin: 96; --fit-t: 100; --fit-tmin: 60; --fit-sub: 58; --fit-box: 44; --fit-box-ph: 36; --fit-bar-cv: 78; --fit-bar-cl: 60;
  background: var(--paper); color: var(--ink);
}
/* 번짐 두 겹: .glow = 강조색, .lanes = 민트·연두 */
.tpl-aurora .glow { width: 980px; height: 980px; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, transparent) 0%, color-mix(in srgb, var(--accent) 28%, transparent) 38%, transparent 68%); }
.tpl-aurora.cv .glow { right: -380px; top: -380px; }
.tpl-aurora.pg .glow { right: -460px; top: 380px; opacity: .75; }
.tpl-aurora.pg.alt .glow { right: auto; left: -460px; top: -320px; }
.tpl-aurora.cl .glow { left: -420px; top: -360px; }
.tpl-aurora .lanes { inset: 0;
  background:
    radial-gradient(560px 560px at 0% 62%, rgba(111,240,210,.70), rgba(111,240,210,0) 70%),
    radial-gradient(640px 640px at 100% 104%, rgba(226,255,107,.85), rgba(226,255,107,0) 70%),
    radial-gradient(420px 420px at 40% 108%, rgba(169,185,255,.55), rgba(169,185,255,0) 70%); }
.tpl-aurora.pg .lanes { opacity: .7; }

.tpl-aurora .hd .org { font-size: 27px; font-weight: 800; color: var(--ink); }
.tpl-aurora .hd .logo { padding: 8px 18px; border-radius: 18px; background: rgba(255,255,255,.85); box-shadow: 0 8px 24px rgba(30,50,120,.08); }
.tpl-aurora .hd .n { font-size: 24px; font-weight: 800; color: var(--ink); background: rgba(255,255,255,.7); padding: 10px 20px; border-radius: 99px; }

.tpl-aurora .t { font-weight: 900; line-height: 1.04; letter-spacing: -0.045em; color: var(--ink); }
.tpl-aurora .t span { color: var(--accent); }
.tpl-aurora .ph { border-radius: 40px; background: var(--ink); box-shadow: 0 24px 60px rgba(30,50,120,.16); }
.tpl-aurora .ph::after { content: ""; position: absolute; inset: 0; border-radius: 40px; box-shadow: inset 0 0 0 6px rgba(255,255,255,.85); }
.tpl-aurora .speed span { height: 22px; border-radius: 99px; margin-bottom: 16px; }
.tpl-aurora .speed span:nth-child(2) { background: var(--mint) !important; }
.tpl-aurora .speed span:nth-child(3) { background: var(--ink) !important; }

.tpl-aurora.cv .sub { font-size: 58px; font-weight: 800; line-height: 1.24; letter-spacing: -0.035em; color: var(--ink2); }
/* 표지 아래 띠: 바탕 없이 학과명만 크게, 위에 강조색→민트 짧은 줄 */
.tpl-aurora.cv .bar { background: transparent; color: var(--ink); }
.tpl-aurora.cv .bar::before { content: ""; position: absolute; left: 64px; top: 70px; width: 180px; height: 14px; border-radius: 99px; background: linear-gradient(90deg, var(--accent), var(--mint)); }
.tpl-aurora.cv .bar .s { font-size: 34px; font-weight: 800; color: var(--ink2); }
.tpl-aurora.cv .bar .l { font-size: 78px; font-weight: 900; line-height: 1.1; letter-spacing: -0.04em; color: var(--accent); }
/* 마무리 띠: 남색 판, 위 모서리 둥글게 */
.tpl-aurora.cl .bar { left: 48px; right: 48px; background: var(--ink); color: #fff; border-radius: 40px 40px 0 0; height: 230px; }
.tpl-aurora.cl .bar .s { font-size: 30px; font-weight: 700; color: #C9D4FF; }
.tpl-aurora.cl .bar .l { font-size: 60px; font-weight: 900; line-height: 1.12; letter-spacing: -0.04em; color: var(--lime); }

.tpl-aurora .box { background: rgba(255,255,255,.72); border: 1.5px solid rgba(255,255,255,.95); border-radius: 40px; padding: 44px 52px; box-shadow: 0 20px 60px rgba(30,50,120,.10); }
.tpl-aurora .box p { font-size: 40px; line-height: 1.55; font-weight: 500; color: var(--ink2); }
.tpl-aurora .box p + p { margin-top: 12px; }
.tpl-aurora .box p:first-child { font-weight: 800; color: var(--ink); }
.tpl-aurora .box::before { content: ""; position: absolute; left: 52px; top: -9px; width: 120px; height: 18px; border-radius: 99px; background: linear-gradient(90deg, var(--accent), var(--mint)); }
