:root{
  --bg:#0b0f16;
  --card:#121826cc;
  --muted:#aab4c3;
  --text:#e7edf5;
  --accent:#2ee6a6;
  --accent-2:#6ea8fe;
  --danger:#ff5b5b;
  --warning:#ffb545;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;
  background:radial-gradient(1200px 600px at 80% -10%, rgba(110,168,254,.15), transparent), radial-gradient(900px 500px at -20% 10%, rgba(46,230,166,.12), transparent), var(--bg);
  color:var(--text);
  line-height:1.6;
}
body.home{--accent:#2ee6a6}
body.blog{--accent:#6ea8fe}
body.about{--accent:#d66bff}
body.contact{--accent:#ffb545}
body.post{--accent:#9ef0ff}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.9}
.container{width:min(1100px, 92%);margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(10,14,20,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:700;letter-spacing:.3px}
.nav{display:flex;gap:18px;align-items:center}
.nav-link{padding:10px 12px;border-radius:10px;color:#cfe3ff;display:flex;gap:8px;align-items:center}
.nav-link.active,.nav-link:hover{background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));color:#fff}

.nav-toggle{display:none;background:transparent;border:0;gap:4px;flex-direction:column}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
@media (max-width:860px){
  .nav{position:fixed;inset:60px 16px auto 16px;flex-direction:column;background:rgba(12,16,22,.95);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:none}
  .nav.open{display:flex}
  .nav-toggle{display:flex}
}

.hero{position:relative;height:52vh;min-height:380px;border-bottom:1px solid rgba(255,255,255,.06)}
.hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 8%;background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55))}
.hero-overlay h2{font-size:38px;margin:0}
.hero-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.15s}
.btn-primary{background:linear-gradient(135deg, var(--accent), #00b894);color:#06251d;font-weight:700}
.home .btn-primary{background:linear-gradient(135deg, var(--accent), #00b894)}
.blog .btn-primary{background:linear-gradient(135deg, var(--accent), #3b82f6)}
.about .btn-primary{background:linear-gradient(135deg, var(--accent), #a855f7)}
.contact .btn-primary{background:linear-gradient(135deg, var(--accent), #f59e0b)}
.post .btn-primary{background:linear-gradient(135deg, var(--accent), #22d3ee)}
.btn-outline{border-color:rgba(255,255,255,.25);color:#fff;background:transparent}
.btn-secondary{background:#1f2838;color:#dfe8f5;border:1px solid rgba(255,255,255,.1)}
.link-arrow{display:inline-flex;align-items:center;gap:8px}
.link-arrow:after{content:"→";transform:translateY(1px)}

.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin:40px auto}
@media (max-width:860px){.grid-2{grid-template-columns:1fr}}
.feature .checks{list-style:none;padding:0;margin:14px 0 0 0}
.feature .checks li{position:relative;padding-left:26px;margin:8px 0}
.feature .checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent)}

.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.glass{backdrop-filter:blur(6px)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stats span{display:block;color:var(--muted);font-size:12px}
.stats strong{font-size:15px}

.quote-future blockquote{margin:0;padding:22px;border-left:4px solid var(--accent);background:rgba(255,255,255,.03);border-radius:0 12px 12px 0}
.quote-future cite{display:block;color:var(--muted);margin-top:10px}

.title-image{width:100%;height:240px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow);filter:brightness(.85);margin:18px 0}
.page-title h2{margin:12px 0 6px 0}
.page-title p{margin:0;color:#d6e3f5}

.post-card{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px}
.post-card img{width:100%;height:140px;object-fit:cover;border-radius:10px}
.post-card.highlight{grid-column:1/-1}
.more-posts h3{margin-top:0}
.post-list{list-style:none;padding:0;margin:0}
.post-list li{margin:8px 0}
.post-list a{color:#e7f0ff}
.post-list a:hover{text-decoration:underline}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.team-grid{grid-template-columns:1fr}}
.team-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;text-align:center}
.team-card img{border-radius:12px;margin-bottom:10px}

.form{display:grid;gap:12px}
.form label{display:grid;gap:6px;color:#d5e5ff}
.form input,.form textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;color:#fff;outline:none}
.form input:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(46,230,166,.15)}
.contact-grid{align-items:start}

.article{max-width:820px;margin:20px auto}
.article-cover{width:100%;height:300px;object-fit:cover;border-radius:12px;margin-bottom:16px;box-shadow:var(--shadow)}
.article h2{margin:8px 0 8px 0}
.article p{color:#dce7f7}

.site-footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.08);background:rgba(10,14,20,.7);backdrop-filter:blur(10px)}
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:20px;padding:22px 0}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:6px 0}
.footer-links a{color:#e7f0ff}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{text-align:center;padding:10px;color:#cddaf0;border-top:1px solid rgba(255,255,255,.06)}
.socials{display:flex;gap:10px;margin-top:10px}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.socials svg{fill:#e6f0ff}

.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;background:rgba(17,22,30,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow);display:none;z-index:60}
.cookie-content{padding:14px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.cookie-prefs{display:none;gap:10px;align-items:center;margin-top:10px}
.cookie-close{position:absolute;top:8px;right:10px;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:70}
.modal-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px;width:min(420px,92%);text-align:center}
.small{color:#aebad1;font-size:12px}