:root{--bg:#f5f7fb;--fg:#12203a;--ac:#d6322f;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0e1626;--fg:#e8eefc;--card:#17233b}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--fg);padding-bottom:70px}
main{max-width:1100px;margin:auto;padding:84px 16px 20px}a{color:var(--ac)}
.glass{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}
@media(prefers-color-scheme:dark){.glass{background:rgba(23,35,59,.6)}}
.nav{position:fixed;top:0;left:0;right:0;display:flex;gap:16px;align-items:center;padding:10px 16px;z-index:50}
.nav nav{display:flex;gap:14px}.nav nav a{text-decoration:none;color:var(--fg)}.logo{font-weight:800;text-decoration:none;color:var(--fg)}.logo b{color:var(--ac)}
#sq{margin-left:auto;padding:8px;border-radius:8px;border:1px solid #8884}#sr{position:absolute;top:52px;right:16px;min-width:220px;display:none;border-radius:8px}#sr a{display:block;padding:8px 12px;text-decoration:none;color:var(--fg)}
.hero{padding:60px 0;text-align:center}.hero h1{font-size:clamp(2rem,6vw,3.5rem);margin:0}
.btn,button{background:var(--ac);color:#fff;border:0;border-radius:10px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border-radius:14px;padding:16px;box-shadow:0 2px 12px #0001;text-decoration:none;color:var(--fg);transition:transform .2s}.card:hover{transform:translateY(-4px)}
.stats{display:flex;gap:16px;flex-wrap:wrap}.stats div{flex:1;min-width:120px;background:var(--card);padding:16px;border-radius:14px;text-align:center}.stats b{display:block;font-size:1.6rem}
#map{height:380px;border-radius:14px;margin:12px 0}.cover{max-width:100%;border-radius:14px}
input,select,textarea{padding:8px;border-radius:8px;border:1px solid #8886;margin:4px 0;max-width:100%;background:var(--card);color:var(--fg)}textarea{width:100%;min-height:100px}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #8883;text-align:start}
.fav{background:none;color:var(--ac);font-size:1.5rem;padding:0}footer{text-align:center;padding:20px;font-size:.85rem}
.bottom{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card);justify-content:space-around;padding:8px;box-shadow:0 -2px 10px #0002;z-index:50}.bottom a{text-decoration:none;text-align:center;color:var(--fg)}.bottom small{display:block;font-size:.7rem}
@media(max-width:700px){.bottom{display:flex}.nav nav{display:none}}
.reveal{opacity:0;transform:translateY(24px);transition:.6s}.reveal.in{opacity:1;transform:none}
#loader{position:fixed;inset:0;background:var(--bg);z-index:99;display:grid;place-items:center;transition:opacity .4s}#loader span{width:40px;height:40px;border:4px solid #8883;border-top-color:var(--ac);border-radius:50%;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.fi{border-radius:3px;margin-right:6px;vertical-align:-1px}#sr a{display:flex;align-items:center}#sr small{opacity:.6;margin-left:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}