:root{--bg:#0b1220;--bg2:#0f172a;--fg:#e6edf3;--muted:#94a3b8;--brand:#4f8cff;--brand2:#22d3ee;--card:#111827;--border:#1f2937;}
*{box-sizing:border-box} html,body{margin:0;padding:0;scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
a{color:var(--brand);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:32px 20px}
.grid-2{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(16,24,40,.7),rgba(16,24,40,.3));backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px}
.brand-icon{display:inline-block;border-radius:8px}
.brand-name{font-weight:800;letter-spacing:.2px}
.site-nav{display:flex;gap:14px;flex-wrap:wrap}
.site-nav a{padding:6px 10px;border-radius:8px;color:var(--fg)}
.site-nav a.active,.site-nav a:hover{background:rgba(79,140,255,.15)}
.cta-link{font-weight:700}
.lang-switcher button{background:transparent;border:1px solid var(--border);color:var(--fg);padding:6px 10px;border-radius:8px;cursor:pointer}
.lang-switcher button[aria-pressed="true"]{background:rgba(79,140,255,.2);border-color:var(--brand)}
.hero{position:relative;isolation:isolate;background:
  radial-gradient(1200px 500px at 10% -10%, rgba(79,140,255,0.35), transparent 60%),
  radial-gradient(1000px 400px at 90% 10%, rgba(34,211,238,0.35), transparent 60%),
  linear-gradient(180deg,var(--bg2),var(--bg));
padding:80px 20px}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent, rgba(0,0,0,.25));z-index:-1}
.hero-inner{max-width:1000px;margin:0 auto;text-align:center}
.hero-title{font-size:clamp(26px,5vw,44px);margin:0 0 10px}
.hero-sub{color:var(--muted);margin:0 0 22px}
.btn-primary,.btn-secondary{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--brand);background:rgba(79,140,255,.15);color:var(--fg);font-weight:700}
.btn-primary:hover{background:rgba(79,140,255,.25)}
.btn-secondary{border-color:var(--brand2);background:rgba(34,211,238,.12)}
.btn-secondary:hover{background:rgba(34,211,238,.22)}
.card-list{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:800px){.card-list{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.contact-form{display:grid;gap:10px}
.contact-form input,.contact-form textarea{background:#0b1325;border:1px solid var(--border);color:var(--fg);border-radius:10px;padding:10px}
.contact-info p{margin:8px 0}
.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:20;padding:12px 16px;border-radius:999px;border:1px solid var(--brand);background:rgba(79,140,255,.15);color:var(--fg);font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.sticky-cta:hover{background:rgba(79,140,255,.25)}
.site-footer{border-top:1px solid var(--border);padding:20px;text-align:center;color:var(--muted)}