/* Simple modern dark-themed bilingual template */
:root{
  --bg:#0f172a; --card:#0b1220; --muted:#94a3b8; --accent1:#0ea5ff; --accent2:#2563eb; --white:#ffffff;
  --maxw:1100px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
body{background:linear-gradient(180deg,#071029 0%, var(--bg) 60%); color:var(--white); -webkit-font-smoothing:antialiased;}
.container{max-width:var(--maxw);margin:0 auto;padding:28px;}
.header{display:flex;align-items:center;gap:18px;padding:12px 0;}
.logo{display:flex;align-items:center;gap:14px;}
.logo img{height:56px;}
nav{margin-left:auto;}
nav a{color:var(--white);text-decoration:none;margin-left:18px;opacity:0.9}
.hero{display:flex;align-items:center;gap:40px;padding:40px 0;}
.hero-left{flex:1}
.h-sub{color:var(--muted);font-size:15px;margin-bottom:10px}
.h-title{font-size:44px;line-height:1.05;margin:0 0 18px}
.h-cta{display:flex;gap:12px}
.btn{background:linear-gradient(90deg,var(--accent1),var(--accent2));padding:12px 18px;border-radius:8px;color:#021025;text-decoration:none;font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px}
.card{background:rgba(255,255,255,0.04);padding:18px;border-radius:10px}
.card h3{margin:0 0 8px}
.section{padding:34px 0}
.footer{padding:28px 0;color:var(--muted);font-size:14px;border-top:1px solid rgba(255,255,255,0.03)}

/* language toggle */
.lang-toggle{display:inline-flex;gap:8px;align-items:center;padding:6px;border-radius:8px;background:rgba(255,255,255,0.03)}
.lang-toggle button{background:none;border:0;color:var(--white);cursor:pointer;padding:6px 10px;border-radius:6px}
.lang-toggle button.active{background:rgba(255,255,255,0.06)}

/* responsive */
@media (max-width:880px){
  .hero{flex-direction:column;align-items:flex-start}
  .h-title{font-size:32px}
}