:root{--bg:#0f172a;--bg2:#111827;--glass:rgba(255,255,255,.06);--text:#e5e7eb;--muted:#9ca3af;--primary:#60a5fa;--secondary:#34d399;--accent:#f59e0b;--card:#0b1220}
html,body{margin:0;padding:0}
html{font-size:18px}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(135deg,#0b1020 0%,#111a2e 100%);color:var(--text);text-align:center}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border-radius:12px}
.btn{display:inline-block;padding:.7rem 1.15rem;border-radius:999px;border:1px solid transparent;transition:.2s;cursor:pointer;color:#0b1020;background:var(--primary)}
.btn:hover{filter:brightness(1.05)}
.btn-secondary{background:var(--secondary);color:#0b1020}
.btn-accent{background:var(--accent);color:#0b1020}
.btn-ghost{background:transparent;border-color:rgba(229,231,235,.25);color:var(--text)}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0b1020cc,#0b102000);backdrop-filter:saturate(1.2) blur(6px);padding:.5rem 1rem}
.brand{display:flex;gap:.75rem;align-items:center;justify-content:center}
.logo{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid #1f2937}
.navbar{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.5rem}
.nav-link{padding:.35rem .7rem;border-radius:999px}
.nav-link.active,.nav-link:hover{background:var(--glass)}
.social{display:flex;gap:.6rem;align-items:center}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--glass);color:#cbd5e1}
.hero{position:relative;display:grid;place-items:center;min-height:58vh;padding:1rem}
.hero-small{min-height:40vh}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);border-radius:0}
.hero-content{position:relative;max-width:900px;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(17,24,39,.6),rgba(17,24,39,.2));backdrop-filter:blur(4px);border-radius:16px;border:1px solid rgba(255,255,255,.07)}
.hero-content h2{margin-top:0;font-size:2rem}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:2rem 1rem;max-width:1100px;margin:0 auto}
.card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}
.card h3{margin:.6rem 0}
.cta{padding:2rem 1rem}
.site-footer{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));padding:2rem 1rem;border-top:1px solid rgba(255,255,255,.06)}
.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1100px;margin:0 auto}
.footer-bottom{margin-top:1rem;color:var(--muted)}
.icon-inline{display:inline-flex;vertical-align:middle;margin-right:.35rem;color:#cbd5e1}
.blog-featured,.more-posts{max-width:900px;margin:1.5rem auto;padding:0 1rem}
.post-card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}
.about-grid{max-width:1100px;margin:1.5rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.team-card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}
.contact-grid{max-width:1000px;margin:1.5rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.contact-card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}
.form-row{margin:.6rem 0}
input,textarea{width:100%;padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(17,24,39,.4);color:var(--text)}
.post-hero{position:relative;display:grid;place-items:center;min-height:40vh;padding:1rem}
.post-content{max-width:900px;margin:1rem auto;padding:0 1rem}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#0b1020;border-top:1px solid rgba(255,255,255,.1);display:none;z-index:100}
.cookie-inner{max-width:1100px;margin:0 auto;padding:1rem}
.cookie-actions{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-top:.5rem;flex-wrap:wrap}
.cookie-close{position:absolute;right:.75rem;top:.5rem;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:120}
.cookie-modal-content{background:#0b1020;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:16px;width:min(520px,92vw)}
.cookie-option{margin:.5rem 0}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:130}
.modal-content{background:#0b1020;border:1px solid rgba(255,255,255,.1);padding:1rem 1.25rem;border-radius:16px;width:min(520px,92vw)}
@media (prefers-color-scheme: light){
:root{--bg:#f8fafc;--text:#0f172a;--glass:rgba(15,23,42,.06);--card:#ffffff}
body{background:linear-gradient(135deg,#eaf2ff 0%,#f5f7ff 100%);color:var(--text)}
.social-link{background:#ffffff33}
}