:root{--navy:#0b2a6f;--blue:#0a4bc0;--green:#1a9b3c;--light:#eaf4fd}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#10214d;background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;background:#dde8f5}
header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 8px #0002;display:flex;align-items:center;justify-content:space-between;padding:8px 5%;gap:12px}
.logo img{height:52px}
nav{display:flex;gap:22px;font-size:14px}
nav a{padding:6px 0;border-bottom:2px solid transparent}
nav a.active,nav a:hover{border-color:var(--green);color:var(--blue)}
#burger{display:none;background:none;border:0;font-size:28px;color:var(--navy)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:11px 22px;font-weight:bold;color:#fff;background:var(--blue);font-size:15px;border:0;cursor:pointer}
.btn.green{background:var(--green)}.btn.wa{background:#25d366}
.ph{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;text-align:center;padding:34px 5%}
.ph h1{font-size:34px}
.wrap{max-width:1100px;margin:0 auto;padding:30px 5%}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.card{border:1px solid #d5e0ee;border-radius:10px;overflow:hidden;background:#fff;text-align:center}
.card img{height:160px;width:100%;object-fit:cover}
.card .b{padding:14px}
.card h3{color:var(--navy);margin-bottom:8px}
.box{background:var(--light);border-radius:12px;padding:22px;margin-bottom:16px}
form{display:grid;gap:12px;max-width:560px;margin:0 auto}
label{font-size:14px;font-weight:bold;display:grid;gap:4px}
input,select,textarea{padding:11px;border:1px solid #b9cce4;border-radius:8px;font:inherit}
.hp{position:absolute;left:-9999px}
.msg{padding:12px;border-radius:8px;margin-top:10px;display:none}
.msg.ok{background:#dff5e4;color:#14702c;display:block}
.msg.err{background:#fde3e3;color:#a11;display:block}
.empty{text-align:center;border:2px dashed #b9cce4;border-radius:12px;padding:30px;color:#456}
footer{background:#0a2257;color:#fff;padding:22px 5%;text-align:center;font-size:14px}
footer a{margin:0 10px;opacity:.9}
#lb{position:fixed;inset:0;background:#000d;display:none;place-items:center;z-index:99}
#lb img{max-height:90vh}
@media(max-width:900px){
nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:14px 5%;box-shadow:0 6px 8px #0002}
nav.open{display:flex}
#burger{display:block}
.ph h1{font-size:26px}
}