:root{
--bg:#0f0f13;
--card:#17171e;
--text:#e9e9ef;
--muted:#b8b8c7;
--primary:#e84d8a;
--accent:#6dd5ed;
--ring:rgba(232,77,138,.35);
--radius:16px;
--shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);
--glass:rgba(255,255,255,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(160deg,#0c0c10 0%,#14141a 40%,#0e1017 100%);color:var(--text);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
img{max-width:100%;display:block;border-radius:12px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(12,12,16,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
.brand img{border-radius:8px}
.brand-text{font-weight:700;letter-spacing:.2px}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:0;cursor:pointer}
.nav-toggle span{width:24px;height:2px;background:var(--text);display:block;border-radius:2px}
.nav-links{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.nav a{color:var(--text);opacity:.9;padding:8px 10px;border-radius:10px}
.nav a:hover,.nav a.active{background:var(--glass);text-decoration:none}
.lang-switcher{display:flex;gap:6px}
.btn-lang{border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text);padding:6px 10px;border-radius:10px;cursor:pointer}
.btn-lang:hover{border-color:var(--accent);color:var(--accent)}
.hero{position:relative}
.hero.small .hero-media img{height:380px;object-fit:cover;width:100%}
.hero-media{position:relative}
.hero-media img{width:100%;height:520px;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.hero-content{position:relative;margin-top:-120px;background:linear-gradient(180deg,rgba(15,15,19,.0),rgba(15,15,19,.9));padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}
.title-xl{font-size:clamp(28px,3vw,44px);margin:0 0 10px}
.lead{color:var(--muted);margin:0 0 16px;max-width:700px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid transparent;background:var(--glass);color:var(--text);cursor:pointer}
.btn:hover{text-decoration:none;filter:brightness(1.1)}
.btn-primary{background:linear-gradient(135deg,var(--primary),#ff9ac4);color:#fff;box-shadow:0 6px 18px var(--ring)}
.btn-outline{border-color:rgba(255,255,255,.2);background:transparent}
.btn-ghost{border-color:transparent;background:transparent}
.cta-row{display:flex;gap:12px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:30px auto}
.feature{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.icon{color:var(--primary);margin-bottom:8px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.bullet{padding-left:18px}
.bullet li{margin-bottom:6px;color:var(--muted)}
.spotlight .socials{display:flex;gap:14px;align-items:center;justify-content:flex-end}
.post-card{display:grid;grid-template-columns:280px 1fr;gap:18px;background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px}
.post-card .post-thumb{display:block}
.post-card.featured{border:1px solid rgba(255,255,255,.08)}
.post-links ul{list-style:none;padding:0;margin:0}
.post-links li{margin:8px 0}
.article{padding:24px 0}
.article-hero img{margin-bottom:14px}
.muted{color:var(--muted)}
.post-nav{display:flex;justify-content:space-between;margin-top:20px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.team-card{background:var(--card);padding:14px;border-radius:var(--radius);box-shadow:var(--shadow)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-form{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}
.form-group{display:grid;gap:6px;margin-bottom:12px}
input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#101018;color:var(--text);outline:none}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(109,213,237,.12)}
.map-placeholder{margin-top:14px}
.tip-of-day{margin:28px auto;background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow)}
.site-footer{margin-top:30px;padding:24px 0;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links a{color:var(--text);opacity:.8}
.footer-links a:hover{opacity:1;text-decoration:underline}
.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:none;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow);z-index:60}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:70;padding:20px}
.cookie-modal-content{background:var(--card);padding:18px;border-radius:14px;box-shadow:var(--shadow);width:min(520px,95vw)}
.switch{display:flex;align-items:center;gap:10px;margin:8px 0}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:80;padding:20px}
.modal-content{background:var(--card);padding:18px;border-radius:14px;box-shadow:var(--shadow);width:min(420px,92vw);text-align:center}
@media (max-width:900px){
.split{grid-template-columns:1fr}
.post-card{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
.spotlight .socials{justify-content:flex-start}
}
@media (max-width:720px){
.nav-toggle{display:flex}
.nav-links{position:absolute;top:64px;right:14px;background:var(--card);border:1px solid rgba(255,255,255,.07);padding:10px;border-radius:12px;flex-direction:column;gap:8px;display:none}
.nav-links.show{display:flex}
.hero-content{margin-top:-80px}
}