:root{--ink:#0b1f3a;--accent:#f5a623}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b2430}
.bg-ink{background:var(--ink)!important}.text-accent{color:var(--accent)}
.btn-accent{background:var(--accent);color:#1b1b1b;font-weight:600;border:0}.btn-accent:hover{background:#e29a1b;color:#000}
.hero{background:linear-gradient(120deg,rgba(11,31,58,.95),rgba(11,31,58,.75)),var(--hero,none) center/cover,#0b1f3a;color:#fff;padding:4rem 0 5rem}
.hero h1{font-weight:800;letter-spacing:-.5px}.search-card{margin-top:-3rem;border:0;box-shadow:0 10px 30px rgba(11,31,58,.18)}
.vcard img{aspect-ratio:8/5;object-fit:cover}.vcard{transition:transform .15s}.vcard:hover{transform:translateY(-3px)}
.section{padding:3rem 0}.icon-tile{font-size:1.8rem;color:var(--accent)}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:1040;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);text-decoration:none}
.wa-float:hover{color:#fff;filter:brightness(1.08)}
.rule-note{font-size:.9rem}.gallery-thumbs img{width:84px;height:56px;object-fit:cover;cursor:pointer;border-radius:4px}
@media (prefers-reduced-motion:no-preference){.fade-in{animation:fi .5s ease both}@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1}}}