:root{
  --bg:#08090c;
  --bg-soft:#0f1116;
  --panel:#16191f;
  --panel-strong:#1c2028;
  --text:#ffffff;
  --text-soft:#e4e6ea;
  --text-muted:#c3c7cf;
  --gold:#ffca3a;
  --gold-light:#ffe58a;
  --orange:#ff6a35;
  --border:#343944;
  --border-gold:#8c6d22;
  --success:#55d991;
}
body{background:var(--bg);color:var(--text);font-family:"Microsoft JhengHei","Microsoft YaHei","PingFang TC","PingFang SC","Noto Sans CJK TC",Arial,sans-serif;font-weight:500;letter-spacing:.01em}
.nav{background:rgba(8,9,12,.96);border-bottom-color:#282c34}.nav nav{color:var(--text-soft);font-size:15px;font-weight:700}.nav nav a:hover{color:var(--gold)}
.nav-cta,.primary{background:var(--gold);color:#17130a;border:1px solid var(--gold-light);text-shadow:none;box-shadow:0 8px 22px rgba(255,202,58,.14)}
.secondary{color:#fff;background:#15181e;border-color:#515762;font-weight:800}.secondary:hover{border-color:var(--gold);color:var(--gold-light)}
.eyebrow,.kicker{color:var(--gold-light);font-weight:800;text-shadow:none}
.hero-copy h1{color:#fff;letter-spacing:-.025em;text-shadow:0 3px 16px rgba(0,0,0,.55)}
.hero-copy h1 em,.section-head h2 em,.result-copy h2 em{color:var(--gold);background:none;-webkit-background-clip:initial;background-clip:initial;filter:none;text-shadow:0 2px 12px rgba(255,202,58,.14)}
.lead{color:var(--text-soft);font-size:19px;line-height:1.85;font-weight:500}
.proof strong{color:#fff}.proof span{color:var(--text-muted);font-size:13px;font-weight:700}.proof i{background:#454a54}
.ticker{color:#f2f0e9;background:#101217;border-color:#4f421e;font-size:13px;font-weight:700}.ticker span{color:var(--gold)}
.section-head h2,.result-copy h2{color:#fff;letter-spacing:-.025em}.section-head p,.result-copy p{color:var(--text-muted);font-size:17px;line-height:1.8}
.steps article{background:var(--panel);border-color:var(--border)}.steps article.featured{background:#1a1b19;border-color:var(--border-gold)}
.step-icon{background:#272213;border-color:#6f5820;color:var(--gold-light)}.steps h3{color:#fff}.steps p{color:var(--text-soft);font-size:15px;line-height:1.75}.steps small{color:var(--gold-light)}.num{color:#4f535c}
.course{background:var(--bg-soft)}.industry{color:var(--text-soft);font-size:13px}.industry select{background-color:#1a1e25;color:#fff;border-color:#6d727d;font-weight:700}
.day{background:var(--panel);border-color:var(--border)}.day:hover,.day.active{background:var(--panel-strong);border-color:var(--gold)}.day.completed{background:#17231d;border-color:#347451}
.day small{color:#ff8b62}.day h3{color:#fff;font-size:18px}.day p{color:var(--text-soft);font-size:14px;line-height:1.7}.day button{color:#fff;border-top-color:#393e48;font-weight:800}.day.completed button{color:var(--success)}
.course-progress{color:var(--text-soft);font-size:13px}.bar{background:#303540}.bar i{background:linear-gradient(90deg,var(--gold),var(--orange))}.course-progress strong{color:#fff}
.result-grid div{background:var(--panel);border-color:var(--border)}.result-grid .wide{background:#1d1b15;border-color:var(--border-gold)}.result-grid b{color:var(--gold)}.result-grid span{color:#fff;font-size:16px}.result-grid small{color:var(--text-muted)}
.floating-tag{background:rgba(17,20,26,.96);border-color:#6d5925}.floating-tag strong{color:#fff}.floating-tag small{color:#ff9a74}
footer{color:var(--text-muted);border-top-color:#30343d;background:#0c0e12}footer a{color:var(--gold-light)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:600px){
  .hero-copy h1{font-size:40px;line-height:1.12;letter-spacing:-.02em}
  .lead{font-size:16px;line-height:1.85;color:#e7e8eb}
  .section-head h2,.result-copy h2{font-size:37px;line-height:1.18}
  .section-head p,.result-copy p,.steps p{font-size:16px}
  .day h3{font-size:19px}.day p{font-size:15px}.day button{font-size:14px}
}