:root{color-scheme:light;--bg:#f5f7fb!important;--bg2:#eef3f9!important;--card:#fff!important;--card2:#f8fafc!important;--border:#dbe3ee!important;--border2:#c5d1df!important;--text:#122033!important;--muted:#5b6b7f!important;--sub:#405268!important;--primary:#1769e0!important;--primary2:#0e52b5!important;--gold:#1769e0!important;--orange:#0e52b5!important;--purple:#7047c7!important;--blue:#1769e0!important;--green:#16835d!important}
html[data-theme="dark"]{color-scheme:dark;--bg:#101722!important;--bg2:#141e2b!important;--card:#182332!important;--card2:#1d2a3a!important;--border:#314156!important;--border2:#455872!important;--text:#f4f7fb!important;--muted:#b1bfd0!important;--sub:#c7d2df!important;--primary:#70a9ff!important;--primary2:#9dc4ff!important;--gold:#70a9ff!important;--orange:#9dc4ff!important}
html{scroll-behavior:smooth}body.df-course-vibe{background:var(--bg)!important;color:var(--text)!important;font-family:Pretendard,"Noto Sans KR","Segoe UI",system-ui,sans-serif!important;font-size:16px;line-height:1.65;letter-spacing:-.015em}.df-course-vibe .sb-wrap{display:none!important}.df-course-vibe .wrap{max-width:1120px!important;padding-left:24px!important;padding-right:24px!important}.df-course-vibe a{color:var(--primary)}
.df-course-vibe .topnav{padding:0!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 4px 18px rgba(31,52,79,.06)}.df-course-vibe .topnav-inner{height:64px;max-width:1120px!important;padding:0 24px!important}.df-course-vibe .topnav-logo{font-size:16px!important;color:var(--text)!important}.df-course-vibe .topnav-logo span{-webkit-text-fill-color:initial!important;background:none!important;color:var(--primary)!important}.df-course-vibe .topnav-user{font-size:14px!important}.df-course-vibe .user-lv{background:#e8f1ff!important;color:#1258bd!important;font-size:12px!important;padding:5px 10px!important}.df-course-vibe .user-xp{color:var(--primary)!important;font-size:12px!important}
.df-course-vibe .hero{max-width:1120px;margin:28px auto 0;padding:72px 32px 52px!important;border:1px solid #d7e5fa;border-radius:28px;background:linear-gradient(135deg,#fafdff 0%,#eaf3ff 52%,#edf9f4 100%);box-shadow:0 18px 60px rgba(37,75,120,.09)}.df-course-vibe .hero::before{background:radial-gradient(circle at 85% 5%,rgba(23,105,224,.13),transparent 34%)!important}.df-course-vibe .hero-badge{padding:8px 15px!important;background:#fff!important;border:1px solid #bfd5f5!important;color:#1258bd!important;font-size:12px!important;letter-spacing:.06em!important;margin-bottom:22px!important}.df-course-vibe .hero h1{-webkit-text-fill-color:initial!important;background:none!important;color:#10233e!important;font-size:clamp(34px,5vw,58px)!important;line-height:1.18!important;letter-spacing:-.045em!important;margin-bottom:22px!important}.df-course-vibe .hero-sub{max-width:760px!important;font-size:17px!important;line-height:1.85!important;color:#3e526a!important;margin-bottom:34px!important}.df-course-vibe .hero-sub strong{color:#1258bd!important}.df-course-vibe .hero-stats{display:grid!important;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px!important;max-width:760px;margin:0 auto}.df-course-vibe .hero-stat{padding:18px 12px;background:rgba(255,255,255,.9);border:1px solid #d8e3f0;border-radius:16px}.df-course-vibe .hero-stat .n{-webkit-text-fill-color:initial!important;background:none!important;color:#1258bd!important;font-size:32px!important}.df-course-vibe .hero-stat .l{font-size:12px!important;color:#5b6b7f!important;margin-top:7px!important}
.df-course-vibe .section-header{margin:74px 0 26px!important}.df-course-vibe .section-header h2{font-size:clamp(26px,4vw,36px)!important;color:var(--text)!important}.df-course-vibe .section-header p{font-size:16px!important;color:var(--sub)!important}.df-course-vibe .pipeline{padding:22px!important;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:0 8px 28px rgba(31,52,79,.06)}.df-course-vibe .pipe-step{min-width:100px!important}.df-course-vibe .pipe-icon{width:54px!important;height:54px!important;background:#f3f7fc!important;border-color:#ccdae9!important;font-size:22px!important;box-shadow:none!important}.df-course-vibe .pipe-name{font-size:13px!important;color:var(--text)!important}.df-course-vibe .pipe-arrow{color:#7890ac!important}
.df-course-vibe .programs-grid{grid-template-columns:repeat(5,1fr)!important;gap:14px!important}.df-course-vibe .program-card{padding:22px 16px!important;border:1px solid var(--border)!important;background:var(--card)!important;box-shadow:0 7px 22px rgba(31,52,79,.06)!important;text-align:left!important}.df-course-vibe .program-card::before{background:linear-gradient(90deg,#1769e0,#4c91ed)!important}.df-course-vibe .program-num{-webkit-text-fill-color:initial!important;background:none!important;color:#1769e0!important;font-size:22px!important}.df-course-vibe .program-name{font-size:15px!important;color:var(--text)!important}.df-course-vibe .program-desc{font-size:13px!important;color:var(--muted)!important}.df-course-vibe .program-lv{font-size:12px!important;color:#1769e0!important}
.df-course-vibe .progress-section,.df-course-vibe .stage{background:var(--card)!important;border-color:var(--border)!important;box-shadow:0 6px 22px rgba(31,52,79,.055)}.df-course-vibe .roadmap{max-width:980px;margin:40px auto!important}.df-course-vibe .stage{margin-bottom:14px!important}.df-course-vibe .stage-header{padding:18px 20px!important}.df-course-vibe .stage-num{width:48px!important;height:48px!important}.df-course-vibe .stage-title{font-size:16px!important;color:var(--text)!important}.df-course-vibe .stage-desc{font-size:13px!important;color:var(--sub)!important}.df-course-vibe .stage-progress{font-size:12px!important;color:var(--muted)!important}.df-course-vibe .stage-lessons{padding:0 20px 20px!important}.df-course-vibe .lesson-item{padding:13px 14px!important;margin:7px 0!important;font-size:14px!important;background:var(--card2)!important;border:1px solid var(--border)!important}.df-course-vibe .lesson-item:hover{background:#edf5ff!important}.df-course-vibe .lesson-lv,.df-course-vibe .lesson-xp{font-size:11px!important}.df-course-vibe [style*="background:rgba(0,0,0"]{background:#f3f7fc!important}.df-course-vibe [style*="font-size:10px"]{font-size:12px!important}.df-course-vibe [style*="font-size:11px"]{font-size:13px!important}.df-course-vibe .footer p{font-size:13px!important}
.df-course-vibe .df-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:9999;padding:11px 15px;border:1px solid var(--border2);border-radius:999px;background:var(--card);color:var(--text);font:800 13px/1 system-ui;box-shadow:0 8px 28px rgba(22,57,93,.16);cursor:pointer}
html[data-theme="dark"] .df-course-vibe .topnav{background:rgba(16,23,34,.94)!important}html[data-theme="dark"] .df-course-vibe .hero{background:linear-gradient(135deg,#182638,#162231)!important;border-color:#344a64!important}html[data-theme="dark"] .df-course-vibe .hero h1{color:#f4f7fb!important}html[data-theme="dark"] .df-course-vibe .hero-sub{color:#c7d2df!important}html[data-theme="dark"] .df-course-vibe .hero-stat,html[data-theme="dark"] .df-course-vibe .hero-badge{background:#1d2a3a!important;border-color:#3c526c!important}html[data-theme="dark"] .df-course-vibe .hero-stat .l{color:#b1bfd0!important}html[data-theme="dark"] .df-course-vibe .pipe-icon{background:#223247!important;border-color:#455872!important}
@media(max-width:900px){.df-course-vibe .programs-grid{grid-template-columns:repeat(2,1fr)!important}.df-course-vibe .hero-stats{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.df-course-vibe .wrap{padding-left:16px!important;padding-right:16px!important}.df-course-vibe .hero{margin:14px 10px 0;padding:48px 18px 34px!important}.df-course-vibe .hero h1{font-size:34px!important}.df-course-vibe .hero-sub{font-size:15px!important}.df-course-vibe .programs-grid{grid-template-columns:1fr!important}.df-course-vibe .pipe-step{min-width:72px!important}.df-course-vibe .pipe-arrow{display:none}.df-course-vibe .stage-badge{display:none}.df-course-vibe .df-theme-toggle{right:10px;bottom:10px}}