*{box-sizing:border-box}html,body{height:100%}
:root{--primary:#0B3A7E;--accent:#19c2a5;--muted:#5b6b7d;--bg:#0d1117;--card:#ffffff;--border:#e5e7eb;--deep:#0A2B5E}
body{margin:0;font-family:'Cairo',system-ui,sans-serif;background:var(--bg);color:#0c1b2a}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
/* Sticky translucent header */
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.site-header.scrolled{background:rgba(255,255,255,.95)}
.head-flex{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px;padding:10px 0}
.brand.with-logo{padding-inline:10px 0}
.brand-logo{height:90px;max-height:16vh;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35)) drop-shadow(0 0 8px rgba(11,58,126,.25))}
@media (max-width:720px){.brand-logo{height:60px}.head-flex{min-height:80px}}
.nav{display:flex;align-items:center;gap:14px}
.nav a{text-decoration:none;font-weight:900;color:var(--primary);padding:.55rem 1rem;border:1px solid var(--primary);border-radius:999px;font-size:1.05rem}
.nav a:hover{background:var(--primary);color:#fff}
/* Hero & Cards */
.hero{padding:32px 0 44px;color:#fff}
.hero-grid{display:grid;grid-template-columns:1fr 220px;gap:1rem;align-items:center}
.hero-mark{max-width:220px;opacity:.9;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:18px;margin:18px 0;box-shadow:0 6px 24px rgba(0,0,0,.06)}
h1{font-weight:900;letter-spacing:.1px}
h2{font-weight:900;margin:.2rem 0 .6rem}
label,input,select,textarea,.btn,.nav a{font-weight:800}
/* Form */
input,select,textarea{padding:.8rem .9rem;border:1.8px solid var(--border);border-radius:12px;background:#fff;color:#061425;width:100%;font-size:1.05rem}
.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:800px){.grid.two{grid-template-columns:1fr}}
/* Buttons */
.btn{padding:.8rem 1.2rem;border:1.8px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;text-decoration:none;display:inline-block;font-weight:900}
.btn.primary{background:var(--primary);border-color:transparent;color:#fff}
.btn.ghost{background:transparent;color:var(--primary);border-color:var(--primary)}
.btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}
.btn.inverse{background:#fff;color:var(--deep);border-color:#fff}
.strong{font-weight:900}
/* Misc */
.pill{display:inline-flex;gap:.5rem;align-items:center;padding:.2rem .6rem;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe}
.small{font-size:.95rem}.muted{color:var(--muted)}
.floating-whatsapp{position:fixed;left:16px;bottom:16px;z-index:20}.floating-whatsapp a{display:inline-block;padding:.75rem 1.1rem;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:900}
.list{display:grid;grid-template-columns:1fr;gap:.6rem}
.lead-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.9rem}
.meta{display:flex;gap:.6rem;color:#64748b;font-size:.95rem;flex-wrap:wrap}
.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.unread{outline:3px solid #22d3ee}
.reveal{opacity:0;transform:translateY(6px);animation:reveal .9s ease forwards}.delay{animation-delay:.2s}.delay2{animation-delay:.4s}
@keyframes reveal{to{opacity:1;transform:none}}
.bg-wave{background:linear-gradient(180deg,#0b3a7e,#124a9e,#2c6bc8);background-attachment:fixed}
/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:50}
.modal.show{display:flex}
.modal-box{background:var(--deep);color:#fff;padding:22px 24px;border-radius:16px;min-width:280px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.modal-box h3{margin:0 0 10px 0;font-weight:900}