:root{
  --bg:#0a2740; --fg:#eaf4ff; --accent:#27ae60; --electric:#1e90ff;
  --ink:#0b1220; --muted:#5f7184; --card:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#f7fbff}
.container{max-width:1120px;margin:0 auto;padding:24px}
.header{background:var(--bg);color:var(--fg);padding:18px 0;position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:16px}
.nav a{color:var(--fg);text-decoration:none;margin-left:18px;opacity:.9}
.nav a:hover{opacity:1;text-decoration:underline}
.hero{background:linear-gradient(180deg,var(--bg),#0c3558);color:var(--fg);padding:80px 0}
h1{font-size:40px;line-height:1.1;margin:0 0 16px}
h2{font-size:28px;margin:28px 0 12px;color:#0e2034}
.lead{font-size:18px;opacity:.95;max-width:840px}
.cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.button{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;white-space:nowrap}
.button.alt{background:#ffffff;color:#0a2740;border:2px solid #ffffff}
.section{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 12;background:var(--card);border:1px solid #e7eef7;border-radius:16px;padding:20px;box-shadow:0 6px 24px rgba(16,30,54,.06)}
@media(min-width:900px){ .card{grid-column:span 6} }
.badge{display:inline-block;background:var(--electric);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-bottom:10px}
.footer{background:#0c3558;color:#d9f0ff;padding:40px 0;margin-top:40px}
.small{font-size:14px;color:#d9e8ff}
ul.clean{margin:8px 0 0 18px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:8px 0}
.kv .k{color:#5f7184}
hr.sep{border:none;border-top:1px solid #e7eef7;margin:24px 0}
.notice{background:#edf8ff;border:1px solid #cfe9ff;color:#0b305b;padding:10px 14px;border-radius:10px}
.roles{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.roles .role{grid-column:span 12}
@media(min-width:900px){ .roles .role{grid-column:span 6} }
.role h3{margin:0 0 8px}
.role .recv{margin-top:6px;font-weight:700}
.role ul{margin-top:8px}
.path-buttons{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.path-buttons a{grid-column:span 12;text-align:center}
@media(min-width:900px){ .path-buttons a{grid-column:span 2} }
.contact-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.contact-cards .card{grid-column:span 12}
@media(min-width:900px){ .contact-cards .card{grid-column:span 4} }
.contact-cards .head{font-weight:700;margin-bottom:6px}


/* --- Pro form styling (v7) --- */
.form{max-width:980px;margin:0 auto;}
.form .row{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:14px}
.form .col-6{grid-column:span 12}
.form .col-4{grid-column:span 12}
.form .col-12{grid-column:span 12}
@media(min-width:900px){
  .form .col-6{grid-column:span 6}
  .form .col-4{grid-column:span 4}
}
.form label{display:block;font-weight:600;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;padding:14px 12px;border:1px solid #cfe0f0;border-radius:10px;font-size:16px}
.form textarea{min-height:140px}
.form .hint{font-size:12px;color:#5f7184;margin-top:4px}
.form .actions{margin-top:12px}
.form .button{padding:14px 22px;font-size:16px;border-radius:14px}
.card.wide{max-width:1100px;margin:0 auto}


/* v8: Ensure all pages (incl. imported form HTML) inherit the light background */
body{background:#f7fbff !important;color:#0b1220}
.formwrap{max-width:980px;margin:0 auto}
.formwrap form input[type=text], .formwrap form input[type=email], .formwrap form select, .formwrap form textarea{
  width:100%;padding:14px 12px;border:1px solid #cfe0f0;border-radius:10px;font-size:16px
}
.formwrap form textarea{min-height:140px}
.formwrap .row{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:14px}
.formwrap .col-6{grid-column:span 12}
@media(min-width:900px){ .formwrap .col-6{grid-column:span 6} }
.formwrap button{padding:14px 22px;border-radius:12px}
/* Footer link visibility fix */
footer a {
  color: #ffffff !important;
  text-decoration: underline;
}

footer a:hover {
  color: #38e2a6 !important; /* jade-green accent hover */
}