:root{
 --ece-primary:#123a63; --ece-secondary:#087f8c; --ece-accent:#f2a900;
 --ece-soft:#eef6f8; --ece-dark:#0c2238; --ece-text:#263746;
}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ece-text);background:#fff}
.topbar{background:var(--ece-dark);color:#dce8f1;padding:.45rem 0}
.mainnav{background:var(--ece-primary);box-shadow:0 3px 15px rgba(0,0,0,.12)}
.navbar-brand small{display:block;font-size:.62rem;font-weight:400;opacity:.78;line-height:1.1}
.brandmark{width:42px;height:42px;border:2px solid rgba(255,255,255,.7);border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:800}
.navbar .nav-link{font-size:.91rem}
.nav-cta{border:1px solid rgba(255,255,255,.45);border-radius:50px;padding:.45rem .9rem!important;margin-left:.4rem}
.dropdown-menu{border:0;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.13);padding:.5rem}
.dropdown-item{border-radius:8px;padding:.55rem .8rem}
.hero{background:linear-gradient(125deg,var(--ece-dark),var(--ece-primary) 60%,#0d7180);color:#fff;overflow:hidden}
.hero .eyebrow{color:#ffd36a;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.hero h1{font-size:clamp(2.3rem,5vw,4.5rem);font-weight:800;letter-spacing:-.04em}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:22px}
.section-pad{padding:5rem 0}
.section-kicker{color:var(--ece-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}
.section-title{font-weight:800;color:var(--ece-dark)}
.stat{border-left:4px solid var(--ece-accent);padding-left:1rem}
.stat .num{font-size:2rem;font-weight:800;color:var(--ece-primary)}
.feature-card,.lab-card,.news-card{height:100%;border:1px solid #e2eaf0;border-radius:18px;background:#fff;padding:1.5rem;transition:.2s;box-shadow:0 5px 20px rgba(12,34,56,.04)}
.feature-card:hover,.lab-card:hover,.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(12,34,56,.09)}
.iconbox{width:48px;height:48px;border-radius:14px;background:var(--ece-soft);color:var(--ece-secondary);display:grid;place-items:center;font-size:1.3rem}
.page-hero{background:var(--ece-soft);padding:4rem 0}
.page-hero h1{font-weight:800;color:var(--ece-dark)}
.footer{background:var(--ece-dark);color:#fff}
.footer-brand{font-weight:800;font-size:1.5rem}
.footer h6{color:#ffd36a;text-transform:uppercase;letter-spacing:.08em}
.footer a{display:block;color:#c8d6e2;text-decoration:none;margin:.45rem 0}.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:1rem 0;color:#9fb2c3;font-size:.85rem}
.table-modern{border-radius:14px;overflow:hidden}.table-modern thead th{background:var(--ece-primary);color:#fff}
.badge-soft{background:var(--ece-soft);color:var(--ece-secondary)}
@media(max-width:991px){.nav-cta{display:inline-block;margin:.5rem 0}.section-pad{padding:3.5rem 0}}