:root{--eti-blue:#003366;--eti-light:#f4f7fb;--eti-accent:#0ea5e9;--text:#1f2937;--container:980px;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#fff;line-height:1.6}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.hero{background:linear-gradient(135deg,var(--eti-blue),#0b4d8c);color:#fff;padding:20px 0 28px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.brand img{height:44px;width:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.fallback{font-weight:700;font-size:18px;letter-spacing:.4px;color:#fff}
.hero h1{color:#fff;font-size:clamp(26px,3.8vw,40px);margin:8px 0 6px}
.lead{color:#e9eef6;font-size:1.05rem;margin:0}
h2,h3{color:var(--eti-blue)}
.section{padding:28px 0}
.grid{display:grid;gap:20px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 6px 14px rgba(0,0,0,.04)}
a{color:var(--eti-accent);text-decoration:none}a:hover{text-decoration:underline}
.table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
.table th,.table td{padding:14px;border-bottom:1px solid #e5e7eb;vertical-align:top}
.table th{background:var(--eti-light);color:var(--eti-blue);text-align:left}
#map{width:100%;height:520px;border-radius:16px;border:1px solid #e5e7eb}
.note{background:#f9fafb;border-left:4px solid var(--eti-accent);padding:14px 16px;border-radius:8px}
footer{background:#0f172a;color:#cbd5e1;padding:24px 0;margin-top:24px}
footer a{color:#93c5fd}
.footer-grid{display:grid;gap:8px}
@media(min-width:720px){.footer-grid{grid-template-columns:1fr auto;align-items:center}}