:root{
  --c-dark:#21232D; --c-dark2:#293947; --c-card:#3B4763;
  --c-yellow:#FFC700; --c-teal:#18C3CB; --c-white:#FFFFFF; --c-muted:#E6EEF4;
}

body{background:var(--c-dark); color:var(--c-white); font-family:Montserrat,system-ui,-apple-system,sans-serif;}
h1,h2{color:var(--c-yellow); font-family:"Dela Gothic One",Montserrat,sans-serif;}
h3{color:var(--c-white);}

.btn-primary{background:var(--c-yellow); color:var(--c-dark); border-radius:12px; padding:12px 20px; font-weight:700; display:inline-block; text-decoration:none}
.btn-primary:hover{background:#FFCB00; box-shadow:0 6px 18px rgba(255,199,0,.35)}

.btn-outline{border:2px solid var(--c-teal); color:var(--c-teal); border-radius:12px; padding:10px 18px;}
.btn-outline:hover{background:rgba(24,195,203,.15)}

.section-dark{background:var(--c-dark2);}
.card{background:var(--c-card); border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.25); padding:24px;}
.caption{color:var(--c-muted)}
.hr{border-top:1px solid rgba(255,255,255,.12)}