:root{
  --bg:#0f1116;
  --card:#171a22;
  --muted:#9aa3b2;
  --text:#e8ecf1;
  --acc:#7dd3fc;
  --acc2:#a78bfa;
  --btn:#22d3ee;
  --border:#262a35;
  --success:#10b981;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0f1116 0%,#111423 100%);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial}
img{display:block;max-width:100%;height:auto;border-radius:12px}
a{color:var(--acc);text-decoration:none}
a:hover{color:#b3e8ff}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(15,17,22,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center;font-weight:700;color:#fff}
.brand img{border-radius:8px}
.nav-toggle{display:none;background:#1f2330;color:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:8px}
.nav-menu{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}
.nav-menu a{padding:10px 12px;border-radius:8px;display:block}
.nav-menu a.active,.nav-menu a:hover{background:#1b2030}
.has-sub{position:relative}
.sub-menu{position:absolute;top:42px;left:0;min-width:280px;background:#141826;border:1px solid var(--border);border-radius:12px;list-style:none;padding:8px;display:none}
.has-sub:hover .sub-menu{display:block}
.sub-menu a{padding:10px;border-radius:8px}
.hero{padding:40px 0 20px;background:radial-gradient(1200px 400px at 20% -10%,rgba(125,211,252,.25),transparent 60%),radial-gradient(800px 300px at 100% 0,rgba(167,139,250,.2),transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero-text h1{font-size:40px;line-height:1.15;margin:0 0 8px}
.hero-text p{color:var(--muted)}
.hero-img{box-shadow:0 10px 40px rgba(0,0,0,.4)}
.btn{display:inline-block;border:1px solid var(--border);padding:10px 16px;border-radius:10px;color:#fff;background:#1b2030;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.2)}
.btn.primary{background:linear-gradient(90deg,var(--acc),var(--acc2));border-color:transparent}
.btn.outline{background:transparent}
.section{padding:40px 0}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.card-body{padding:16px}
.quote-future{font-size:18px;color:#dbeafe;background:#0c1220;border-left:4px solid var(--acc);padding:16px;border-radius:12px}
.iframe-frame{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0c1220}
.iframe-frame iframe{width:100%;height:380px;border:0}
.post{max-width:820px}
.post-header h1{margin-bottom:6px}
.post-cover{margin:16px 0;border:1px solid var(--border)}
.post-meta{color:var(--muted);font-size:14px}
.post-content p{margin:14px 0}
.post-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.site-footer{margin-top:40px;border-top:1px solid var(--border);background:#0f121d}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:24px 0}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-links a{color:#c6d0e4}
.footer-bottom{border-top:1px solid var(--border);padding:12px 0;color:var(--muted);text-align:center}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-form{display:grid;gap:12px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#141826;color:#fff}
.contact-image{margin-top:12px;border:1px solid var(--border)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#0b1020;border-top:1px solid var(--border);padding:12px 16px;display:flex;justify-content:center;z-index:20}
.cookie-content{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:1100px;width:100%}
.cookie-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.link{color:#93c5fd}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:30;padding:20px}
.modal.open{display:flex}
.modal-dialog{background:#121524;border:1px solid var(--border);border-radius:14px;max-width:520px;width:100%;padding:18px}
.switch{display:flex;gap:10px;align-items:center}
.socials{margin-top:12px;display:flex;gap:10px}
@media (max-width:960px){
  .hero-inner{grid-template-columns:1fr}
  .card-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .contact-layout{grid-template-columns:1fr}
  .nav-toggle{display:inline-block}
  .nav-menu{display:none;flex-direction:column;align-items:flex-start;background:#0f121d;position:absolute;top:64px;right:20px;padding:12px;border:1px solid var(--border);border-radius:12px}
  .nav-menu.open{display:flex}
  .has-sub:hover .sub-menu{display:none}
  .has-sub .sub-menu{position:relative;top:auto;left:auto}
}