/* Live PHP integration styles layered onto the original CIDT prototype theme. */
.navlinks a{color:var(--text-mid);font-size:14.5px;font-weight:500;padding:9px 16px;border-radius:9px;transition:.15s}
.navlinks a:hover{color:var(--text-hi);background:var(--navy-800)}
.navlinks .nav-cta{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}
.navlinks form{display:inline-flex}
.container{max-width:1180px;margin:0 auto;padding:0 28px}
.section{padding:88px 0}
.panel{background:var(--navy-900);border:1px solid var(--line);border-radius:var(--radius);padding:40px}
.notice{padding:14px 16px;border-radius:9px;background:rgba(125,211,252,.09);border:1px solid rgba(125,211,252,.45);margin:18px 0}
.notice.error{border-color:#ef5b7a;background:rgba(239,91,122,.08)}
.muted{color:var(--text-lo)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;border:1px solid transparent;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:600}
.button.ghost{background:transparent;border-color:var(--line);color:var(--text-hi)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid label{display:block;font-size:13px;color:var(--text-mid);margin-bottom:7px}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:var(--navy-800);border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:var(--text-hi);font-size:14px;font-family:inherit}
.form-grid textarea{min-height:120px}.span-2{grid-column:span 2}
.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 77px)}
.sidebar{padding:34px 28px;background:var(--navy-900);border-right:1px solid var(--line)}
.sidebar a{display:block;padding:10px 0;color:var(--text-mid)}
.main{padding:44px;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:var(--navy-900);border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{display:block;font:600 25px 'Space Grotesk';color:var(--blue-bright)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:var(--navy-800);color:var(--blue-bright);font-size:12px}
.progress{height:7px;background:var(--navy-800);border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple))}
footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px}
.contract-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.contract-sheet{max-width:1000px}.contract-section{padding:22px 0;border-bottom:1px solid var(--line)}.contract-section:first-child{padding-top:0}.contract-section:last-child{border-bottom:0}.contract-section h3{font-size:18px;margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.detail-grid>div{padding:12px 0;border-bottom:1px solid var(--line)}.detail-grid .wide{grid-column:1/-1}.detail-grid span{display:block;color:var(--text-lo);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.detail-grid strong{font-size:14px;font-weight:500}.requirements{white-space:normal;color:var(--text-mid);line-height:1.7}.contract-disclaimer{max-width:1000px;font-size:12px;margin-top:16px}
.print-only{display:none}@media print{body{background:#fff!important;color:#111!important}.topnav,.sidebar,.no-print,footer{display:none!important}.print-only{display:inline!important}.dashboard{display:block}.main{padding:0}.panel{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}.muted,.detail-grid span,.requirements{color:#444!important}.detail-grid>div,.contract-section{border-color:#ddd!important}.eyebrow{color:#111!important}.contract-sheet{max-width:none}.contract-disclaimer{color:#555!important}}
@media(max-width:850px){.navlinks a:not(.nav-cta){display:none}.hero-grid,.tiers,.pillars,.stat-grid{grid-template-columns:1fr}.pathway{display:none}.dashboard{display:block}.sidebar{display:none}.main{padding:28px 18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.tier-card.featured{transform:none}}

/* Light sky-blue CIDT theme */
:root{--navy-950:#eef9ff;--navy-900:#ffffff;--navy-800:#e3f5ff;--navy-700:#c9eaff;--navy-600:#9bdcff;--blue:#38bdf8;--blue-bright:#0284c7;--purple:#0ea5e9;--purple-soft:#38bdf8;--text-hi:#102f49;--text-mid:#41637b;--text-lo:#6b879a;--good:#059669;--warn:#d97706;--line:rgba(14,116,144,.16)}
body{background:linear-gradient(180deg,#f7fcff 0%,#eaf8ff 100%);color:var(--text-hi)}
body::before{background:radial-gradient(900px 500px at 88% 0%,rgba(56,189,248,.23),transparent 62%),radial-gradient(700px 450px at 0% 24%,rgba(186,230,253,.55),transparent 60%)}
.topnav{background:rgba(255,255,255,.9);border-bottom-color:rgba(14,116,144,.14);box-shadow:0 8px 28px rgba(14,116,144,.06)}
.navlinks a:hover{background:#e3f5ff}.navlinks .nav-cta,.btn-primary,.button,button{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;box-shadow:0 8px 22px rgba(2,132,199,.18)}
.btn-portal{background:#fff;color:#0369a1;border-color:#7dd3fc;box-shadow:0 8px 22px rgba(14,116,144,.1)}.btn-portal:hover{background:#e0f5ff;border-color:#38bdf8;transform:translateY(-1px)}
.btn-ghost,.button.ghost{background:rgba(255,255,255,.72);border-color:rgba(14,116,144,.22);color:#17445f}
.hero h1 .hl{background:linear-gradient(135deg,#0284c7,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pathway-label{background:#fff;border-color:rgba(14,116,144,.16);box-shadow:0 8px 20px rgba(14,116,144,.08)}
.pillar,.tier-card,.card,.panel,.login-card,.form-card,.step-card,.stat{background:#fff;box-shadow:0 14px 38px rgba(14,116,144,.08)}
.tier-card.featured{background:linear-gradient(180deg,rgba(56,189,248,.12),#fff 38%);border-color:rgba(2,132,199,.35)}
.tier-badge{background:linear-gradient(135deg,#38bdf8,#0284c7)}.chip,.badge{background:#e3f5ff;color:#075985}.sidebar{background:#f7fcff}.dashboard{background:rgba(238,249,255,.55)}
input,select,textarea,.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea{background:#f7fcff!important;color:#12344d!important;border-color:rgba(14,116,144,.2)!important}
.progress{background:#dff3ff}.progress span{background:linear-gradient(90deg,#38bdf8,#0284c7)}
.cta-band{background:linear-gradient(135deg,#dff5ff,#c7ecff);border-color:rgba(2,132,199,.18)}
.how-section{background:rgba(255,255,255,.48);border-top:1px solid rgba(14,116,144,.1);border-bottom:1px solid rgba(14,116,144,.1)}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey-card{background:#fff;border:1px solid rgba(14,116,144,.16);border-radius:14px;padding:28px;box-shadow:0 14px 34px rgba(14,116,144,.07)}.journey-card>span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#dff4ff;color:#0369a1;font:600 12px 'IBM Plex Mono'}.journey-card h3{font-size:18px;margin:18px 0 10px}.journey-card p{color:var(--text-mid);font-size:14px;line-height:1.7}.portal-explainer{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;margin-top:28px;padding:38px;background:linear-gradient(135deg,#dff5ff,#f8fdff);border:1px solid rgba(14,116,144,.16);border-radius:18px}.portal-explainer h3{font-size:25px;margin-bottom:12px}.portal-explainer p{color:var(--text-mid);line-height:1.7}.portal-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-points div{background:#fff;border:1px solid rgba(14,116,144,.13);border-radius:12px;padding:18px}.portal-points strong,.portal-points span{display:block}.portal-points span{color:var(--text-mid);font-size:13px;line-height:1.5;margin-top:5px}.how-actions{display:flex;gap:12px;margin-top:26px}
@media(max-width:900px){.journey-grid{grid-template-columns:1fr 1fr}.portal-explainer{grid-template-columns:1fr}.hero-actions{gap:10px}}@media(max-width:600px){.journey-grid,.portal-points{grid-template-columns:1fr}.how-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}}