:root{--primary:#1b76d1;--secondary:#0d5ea8;--bg:#eaf6ff;--ink:#0b1220;--muted:#526480;--card:#ffffff;--border:#d7e6f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.2px}
.brand img{height:40px}
nav a{color:var(--ink);text-decoration:none;margin-left:18px;font-weight:700}
nav a:hover{color:var(--primary)}
.hero{position:relative;min-height:58vh;display:flex;align-items:center;background:linear-gradient(180deg, rgba(27,118,209,0.25), rgba(13,94,168,0.25)), #0b1e36;color:white;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.hero .content{position:relative;padding:64px 0}
.badge{display:inline-block;background:rgba(27,118,209,.15);color:#d1eafe;border:1px solid rgba(27,118,209,.3);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.2px}
.hero h1{font-size:clamp(28px,4.5vw,52px);margin:.4em 0 .2em 0;letter-spacing:-.02em}
.hero p{max-width:760px;color:#e5e7eb}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800}
.btn.primary{background:var(--primary);color:white}
.btn.secondary{background:var(--secondary);color:#e8f3ff}
section{padding:72px 0}h2{font-size:clamp(22px,3vw,36px);margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(2,6,23,0.05)}
.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:960px){.grid-3,.grid-2{grid-template-columns:1fr}}
.lead{color:var(--muted);max-width:760px}
.figure{border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.figure img{width:100%;height:auto;display:block}
.form input,.form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;font-size:16px}
.form button{background:var(--primary);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}
footer{background:#0b1e36;color:#cbd5e1;padding:32px 0}
footer a{color:#cbd5e1;text-decoration:none}
footer .brand img{height:28px;filter:brightness(0) invert(1)}
.small{font-size:13px;color:#94a3b8}
#cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#0b1e36;color:#e5e7eb;padding:14px;border-top:1px solid #1f2937}
#cookie-banner .actions button{margin-left:8px;border:0;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}
#cookie-accept{background:var(--primary);color:#fff}#cookie-decline{background:#374151;color:#fff}