:root{--vco-brand:#1ab88e;--vco-brand-2:#4a9fee;--vco-radius:16px}

body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f0f4f8;color:#1a1d23}

/* Navbar */
.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #dce3ed;background-color:#fff;background-color:rgba(255,255,255,.92)}

/* Dark hero — targets the original header.py-5 without touching HTML */
header.py-5{background:#0d1f1a;background:linear-gradient(135deg,#0d1f1a 0%,#0a1628 100%);padding:64px 0 !important}
header.py-5 h1{color:#fff}
header.py-5 .lead{color:#a8bfb8}
header.py-5 img{border-radius:var(--vco-radius);box-shadow:0 16px 48px rgba(0,0,0,.4)}

/* Quick links card lives inside the dark hero — needs glass treatment */
header.py-5 .card{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.15) !important;border-top:1px solid rgba(255,255,255,.15) !important}
header.py-5 .card strong{color:#fff}
header.py-5 .list-group-item{background-color:transparent;color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.1)}
header.py-5 .list-group-item:hover{background-color:rgba(255,255,255,.1);color:#fff}

/* Section labels */
.section-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1ab88e;margin-bottom:6px;display:block}

/* Main content cards */
.card{border:1px solid #dce3ed;border-top:4px solid #1ab88e;border-radius:var(--vco-radius);background:#fff;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 8px 32px #1ab88e1a;transform:translateY(-3px)}
.card p{color:#4a5260;line-height:1.7}
.card h3,.card h2{color:#0d0f14}

/* Checkmark list */
.list-check li{color:#1a1d23;padding:6px 0;border-bottom:1px solid #f0f4f8;list-style:none}
.list-check li:last-child{border-bottom:0}
.list-check li::before{content:"✓";color:#1ab88e;font-weight:700;margin-right:8px}
.list-check{padding-left:0}

/* Badge */
.badge-vco{display:inline-block;background-color:#1ab88e;color:#fff;font-weight:700;border-radius:50px;padding:4px 14px;font-size:.8rem}

/* Buttons */
.btn-vco{display:inline-block;background:#1ab88e;background:linear-gradient(135deg,#1ab88e,#4a9fee);color:#fff;border:0;font-weight:700;font-size:.9rem;padding:11px 26px;border-radius:50px;text-decoration:none;transition:opacity .2s,transform .15s;cursor:pointer}
.btn-vco:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.btn-primary{background-color:#1ab88e;border-color:#1ab88e;color:#fff;border-radius:50px;font-weight:700;padding:11px 26px}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#159e78;border-color:#159e78;color:#fff}

/* Alternating section backgrounds */
#history,.bg-alt{background:#f8fafc}
#save{background:#f8fafc}

/* Form */
.form-control{background-color:#fff;border-color:#c4cdd9;color:#1a1d23}
.form-control:focus{background-color:#fff;border-color:#1ab88e;color:#1a1d23;box-shadow:0 0 0 .25rem #1ab88e33}
.form-control::placeholder{color:#7a8494}
.form-label{color:#1a1d23;font-weight:500}

/* Section headings */
h1,h2,h3,h4,h5,h6{color:#0d0f14}
p,li,label{color:#1a1d23}
small{color:#3d4452}
.text-muted,.text-secondary{color:#4a5260}

/* Footer */
footer{background-color:#fff;border-top:1px solid #dce3ed;color:#4a5260}
.link-secondary{color:#4a5260;text-decoration:none}
.link-secondary:hover{color:#1a1d23}

/* Mobile */
@media(max-width:575px){
  header.py-5{padding:40px 0 !important}
  header.py-5 h1{font-size:1.75rem}
  .card{border-radius:10px}
}