:root{
  --bg:#0B1220;
  --primary:#2563EB;
  --secondary:#06B6D4;
  --accent:#F97316;
  --surface:#111827;
  --text:#E5E7EB;
  --text-muted:#94A3B8;
  --success:#22C55E;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
a{color:var(--secondary);text-decoration:none}
img{max-width:100%;display:block}
.container{width:90%;max-width:1200px;margin:0 auto}
.section{padding:70px 0}
.section-title{font-size:2rem;margin-bottom:20px}
.lead{color:var(--text-muted);font-size:1.1rem}
.header{
  position:sticky;top:0;z-index:1000;
  background:rgba(11,18,32,0.96);
  border-bottom:1px solid rgba(148,163,184,0.2)
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 0
}
.logo{height:50px}
.logo-footer{height:100px}
.nav-toggle{display:none}
.nav-open{
  color:var(--text);
  border:1px solid var(--text-muted);
  padding:8px 12px;border-radius:6px;
  cursor:pointer;display:inline-block
}
.nav{
  position:fixed;inset:0;background:var(--surface);
  display:none;flex-direction:column;gap:20px;
  padding:20px;z-index:999
}
.nav .nav-close{
  align-self:flex-end;
  font-size:2rem;
  color:var(--text);
  cursor:pointer
}
.nav ul{list-style:none;display:flex;flex-direction:column;gap:16px}
.nav ul a{color:var(--text);font-size:1.2rem}
#nav-toggle:checked ~ .nav{display:flex}
@media(min-width:900px){
  .nav{position:static;display:flex;flex-direction:row;background:none;padding:0}
  .nav ul{flex-direction:row;gap:22px}
  .nav-open,.nav-close{display:none}
}
.hero{
  padding:90px 0;
  background:linear-gradient(120deg, rgba(37,99,235,0.25), rgba(6,182,212,0.15));
}
.hero-grid{
  display:grid;grid-template-columns:1fr;gap:40px;align-items:center
}
.hero h1{font-size:2.6rem;margin-bottom:15px}
.hero p{color:var(--text-muted);margin-bottom:20px}
.btn{
  background:var(--primary);color:white;
  padding:12px 20px;border-radius:6px;
  display:inline-block;font-weight:600
}
.btn-secondary{background:var(--accent)}
.grid-3{display:grid;grid-template-columns:1fr;gap:20px}
.card{
  background:var(--surface);padding:20px;border-radius:12px;
  border:1px solid rgba(148,163,184,0.2)
}
.card h3{margin-bottom:10px}
.card p{color:var(--text-muted)}
@media(min-width:800px){
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .hero-grid{grid-template-columns:1fr 1fr}
}
.features{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:900px){.features{grid-template-columns:repeat(2,1fr)}}
.list{list-style:none;display:grid;gap:10px}
.list li{padding-left:18px;position:relative;color:var(--text-muted)}
.list li::before{
  content:"•";position:absolute;left:0;color:var(--secondary)
}
.stats{
  display:grid;grid-template-columns:1fr;gap:20px
}
.stat{
  background:var(--surface);padding:20px;border-radius:10px
}
@media(min-width:800px){.stats{grid-template-columns:repeat(3,1fr)}}
.faq details{
  background:var(--surface);padding:16px;border-radius:8px;
  border:1px solid rgba(148,163,184,0.2)
}
.faq details summary{cursor:pointer;font-weight:600}
.contact-grid{
  display:grid;grid-template-columns:1fr;gap:30px
}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
input,textarea{
  padding:12px;border-radius:6px;border:1px solid rgba(148,163,184,0.3);
  background:#0F172A;color:var(--text)
}
textarea{min-height:130px}
.footer{
  background:#0F172A;padding:40px 0;border-top:1px solid rgba(148,163,184,0.2)
}
.footer-grid{
  display:grid;grid-template-columns:1fr;gap:20px
}
.footer p{color:var(--text-muted)}
.footer-navs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.footer-navs ul{list-style:none;display:grid;gap:8px}
.footer-navs a{color:var(--text)}
@media(min-width:800px){.footer-grid{grid-template-columns:2fr 1fr}}
.cookie-banner{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--surface);
  padding:15px;border-top:1px solid rgba(148,163,184,0.2);
  display:none;z-index:1000
}
.cookie-banner p{color:var(--text-muted);margin-bottom:10px}
.cookie-btn{background:var(--success);color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}
.section-image{
  border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,0.2)
}
.breadcrumbs{
  color:var(--text-muted);font-size:0.9rem;margin-bottom:10px
}
.page-hero{padding:70px 0;background:rgba(17,24,39,0.6)}
.notice{
  background:rgba(6,182,212,0.12);border-left:4px solid var(--secondary);
  padding:14px;border-radius:6px;color:var(--text-muted)
}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{border:1px solid rgba(148,163,184,0.2);padding:10px;text-align:left;color:var(--text-muted)}
.small{font-size:0.9rem;color:var(--text-muted)}