:root{
  --bg:#06101e;
  --bg2:#0a1930;
  --card:#101f35;
  --card2:#0d1829;
  --text:#eef6ff;
  --muted:#9fb4cf;
  --line:rgba(255,255,255,.12);
  --accent:#34e6a8;
  --accent2:#73a9ff;
  --gold:#f5c46b;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at top left,#173b69 0,#06101e 36%,#030712 100%);
  color:var(--text);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.navbar{
  position:sticky;top:0;z-index:20;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 7%;
  background:rgba(6,16,30,.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.logo{font-weight:900;letter-spacing:.4px}
.logo span{color:var(--accent)}
.nav a{margin-left:22px;color:var(--muted);font-weight:700}
.nav a:hover,.nav a.active{color:var(--accent)}
.hero{
  display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;
  padding:78px 7% 62px;
}
.hero h1,.page-title h1{
  font-size:clamp(40px,6vw,72px);
  line-height:1.05;margin:0 0 20px;
}
.hero p,.page-title p{font-size:19px;color:var(--muted);max-width:780px}
.badge{
  display:inline-block;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(52,230,168,.35);
  background:rgba(52,230,168,.08);
  color:var(--accent);font-weight:800;margin-bottom:18px;
}
.btn{
  display:inline-block;margin:18px 12px 0 0;padding:13px 22px;border-radius:12px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#03101d;font-weight:900;
}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.image-card,img.rounded{
  border-radius:24px;border:1px solid var(--line);
  box-shadow:0 28px 75px rgba(0,0,0,.35);
}
.section{padding:68px 7%}
.section h2{font-size:36px;line-height:1.15;margin:0 0 16px}
.section>p{color:var(--muted);max-width:900px;margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{
  background:linear-gradient(180deg,rgba(16,31,53,.9),rgba(10,25,48,.72));
  border:1px solid var(--line);border-radius:22px;padding:25px;
}
.card img{border-radius:18px;margin-bottom:18px;border:1px solid var(--line)}
.card h3{margin:0 0 10px;font-size:22px}
.card p,.footer p,.article-meta,.faq p{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.page-title{padding:70px 7% 35px}
.faq-category{margin-top:34px;color:var(--accent);font-size:26px}
.faq details{
  background:rgba(16,31,53,.78);border:1px solid var(--line);
  border-radius:18px;margin:14px 0;padding:18px 22px;
}
.faq summary{cursor:pointer;font-weight:900;font-size:18px}
.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.article-card{
  display:flex;flex-direction:column;height:100%;
  background:rgba(16,31,53,.82);border:1px solid var(--line);border-radius:22px;overflow:hidden;
}
.article-card img{height:190px;width:100%;object-fit:cover}
.article-card div{padding:22px}
.article-card h3{margin:8px 0 10px;font-size:22px;line-height:1.25}
.article-card p{color:var(--muted)}
.article-meta{font-size:14px}
.read-more{color:var(--accent);font-weight:900;margin-top:auto;display:inline-block}
.article{
  max-width:980px;margin:0 auto;padding:50px 7% 80px;
}
.article h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin-bottom:14px}
.article h2{margin-top:38px;font-size:30px}
.article p,.article li{color:#c9d8ea;font-size:18px}
.article img{margin:28px 0;border-radius:24px;border:1px solid var(--line)}
.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-link{
  background:rgba(16,31,53,.82);border:1px solid var(--line);
  border-radius:18px;padding:20px;font-weight:900;
}
.contact-link span{display:block;color:var(--muted);font-weight:500;margin-top:8px;word-break:break-word}
.footer{
  padding:38px 7%;border-top:1px solid var(--line);background:#030712;
  display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;
}
.footer a{color:var(--muted);display:inline-block;margin:0 12px 8px 0}
@media(max-width:920px){
  .hero,.split,.grid,.grid.two,.article-list,.contact-links,.footer{grid-template-columns:1fr}
  .navbar{align-items:flex-start;flex-direction:column;gap:12px}
  .nav a{margin:0 14px 8px 0;display:inline-block}
}