:root{
  --navy:#0B1B2E;
  --blue:#0D5FA8;
  --sky:#2F86D6;

  --bg:#070B14;
  --panel:#0B1220;
  --card:rgba(255,255,255,.06);
  --stroke:rgba(255,255,255,.12);

  --text:#fff;
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.52);

  --radius:18px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Manrope, sans-serif;
  background:
    radial-gradient(1000px 600px at 10% 10%, rgba(47,134,214,.18), transparent 60%),
    radial-gradient(900px 600px at 90% 20%, rgba(13,95,168,.18), transparent 60%),
    var(--bg);
  color:var(--text);
}

a{color:inherit;text-decoration:none}
.container{width:1180px;max-width:92%;margin:auto}

/* TOPBAR */
.topbar{
  position:sticky; top:0; z-index:999;
  background:rgba(7,11,20,.86);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar__inner{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 0; gap:18px;
}
.brand{display:flex;gap:12px;align-items:center}
.brand__logo{
  width:46px;height:46px;object-fit:contain;
  padding:6px;border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
}
.brand__name{font-weight:900}
.brand__tag{font-size:13px;color:var(--muted2)}

.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--muted);font-weight:700;padding:8px 10px;border-radius:12px}
.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}

/* LANGUAGE DROPDOWN */
.lang{position:relative; z-index:9999;}
.lang__btn{
  cursor:pointer;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  padding:8px 12px;
  border-radius:14px;
  font-weight:800;
}
.lang__menu{
  display:none;
  position:absolute;
  right:0;
  top:44px;
  width:180px;
  background:rgba(11,18,32,.96);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  overflow:hidden;
}
.lang__menu.is-open{display:block}
.lang__item{
  width:100%;
  padding:10px 12px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
  font-weight:700;
}
.lang__item:hover{background:rgba(255,255,255,.08)}

/* HERO SLIDER */
.hero{position:relative; min-height:88vh; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.08);}
.hero__slider{
  position:absolute; inset:0;
  pointer-events:none; /* não bloqueia cliques no topo */
}
.hero__slide{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.05);
  transition:opacity 900ms ease, transform 1600ms ease;
  filter:saturate(1.15) contrast(1.05);
}
.hero__slide.is-active{
  opacity:1;
  transform:scale(1.00);
}
.hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(7,11,20,.20), rgba(7,11,20,.92));
}
.hero__grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 70px 70px;
  opacity:.10;
  mask-image: radial-gradient(circle at 50% 30%, black 30%, transparent 65%);
}

.hero__content{
  position:relative;
  padding:80px 0 40px;
}
.hero__pill{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:var(--muted);
  font-weight:800;
  margin-bottom:14px;
}
.hero__title{
  margin:0;
  font-size: clamp(40px, 5vw, 70px);
  line-height:1.05;
  letter-spacing:-.6px;
}
.accent{
  font-family:"Playfair Display";
  background:linear-gradient(90deg,var(--sky),var(--blue),rgba(255,255,255,.9));
  -webkit-background-clip:text;
  color:transparent;
}
.hero__subtitle{
  max-width:720px;
  color:var(--muted);
  line-height:1.7;
  font-size:16px;
  margin:14px 0 18px;
}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

.btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:16px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.14);
}
.btn--primary{
  background:linear-gradient(90deg, rgba(47,134,214,.28), rgba(13,95,168,.28));
}
.btn--ghost{background:rgba(255,255,255,.04)}

.hero__stats{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.stat{
  padding:14px;
  border-radius:var(--radius);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
}
.stat__num{font-size:22px;font-weight:900}
.stat__label{margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.35}

.hero__dots{
  margin-top:18px;
  display:flex;
  gap:8px;
}
.dotBtn{
  width:10px;height:10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.10);
  cursor:pointer;
  pointer-events:auto;
}
.dotBtn.is-active{
  background:linear-gradient(90deg,var(--sky),var(--blue));
  border-color:rgba(255,255,255,.65);
}

/* SECTIONS */
.section{padding:60px 0}
.section--dark{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);}

.section__head{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:16px;margin-bottom:18px;
}
.section__title{margin:0;font-size:26px;letter-spacing:-.2px;font-weight:900}
.section__desc{margin:0;max-width:560px;color:var(--muted);line-height:1.6}

/* GRID */
.grid{display:grid;gap:12px}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* CARDS */
.card{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  overflow:hidden;
}
.card--link{transition:transform .15s ease, background .15s ease}
.card--link:hover{transform:translateY(-2px); background:rgba(255,255,255,.09)}
.card__img{
  height:150px;
  background-size:cover;
  background-position:center;
  position:relative;
}
.card__img::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(7,11,20,.78));
}
.card__body{padding:16px}
.card__kicker{font-size:12px;color:var(--muted2);text-transform:uppercase;letter-spacing:.4px}
.card__title{font-size:16px;font-weight:900;margin:4px 0 8px}
.card__text{color:var(--muted);line-height:1.6;font-size:14px}

.card__links{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.55);
  font-size:12px;
}
.card__links span{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}

/* tags */
.tagRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tag{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.62);
}

/* FILTERS */
.filters{
  display:flex; gap:12px; align-items:center; justify-content:space-between;
  flex-wrap:wrap; margin: 12px 0 14px;
}
.search{
  flex:1; min-width:240px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
}
.search::placeholder{color:rgba(255,255,255,.45)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-weight:900;
  cursor:pointer;
}
.chip.is-active{
  background:linear-gradient(90deg, rgba(47,134,214,.22), rgba(13,95,168,.22));
  color:#fff;
}

/* link blocks */
.miniLinks{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.miniLinks a{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.65);
  font-weight:800;
  font-size:13px;
}
.miniLinks a:hover{color:#fff;background:rgba(255,255,255,.06)}

.moreLinks, .megaLinks{
  margin-top:16px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.moreLinks a, .megaLinks a{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.70);
  font-weight:900;
  font-size:13px;
}
.moreLinks a:hover, .megaLinks a:hover{color:#fff;background:rgba(255,255,255,.06)}

/* small cards */
.smallCard{
  display:block;
  padding:16px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.smallCard__top{
  font-weight:900;
  color:rgba(255,255,255,.55);
  font-size:12px;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.smallCard__title{margin-top:8px;font-weight:900}
.smallCard__text{margin-top:6px;color:var(--muted);line-height:1.6;font-size:13px}

/* form */
.form{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.label{font-weight:900;color:rgba(255,255,255,.62);font-size:13px}
.input,.textarea{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
}
.hint{color:rgba(255,255,255,.55);font-size:13px;line-height:1.5}

/* kv */
.kv{display:grid;gap:10px;margin-top:12px}
.kv__item{
  padding:12px;border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}
.kv__item span{display:block;color:rgba(255,255,255,.55);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.kv__item strong{display:block;margin-top:6px}

/* footer */
.footer{
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(7,11,20,.70);
}
.footer__inner{
  display:flex;justify-content:space-between;align-items:center;
  gap:14px;flex-wrap:wrap;
}
.footer__links{display:flex;gap:12px;flex-wrap:wrap}
.footer__links a{color:rgba(255,255,255,.60);font-weight:800}
.footer__links a:hover{color:#fff}

/* responsive */
@media (max-width: 980px){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section__head{flex-direction:column;align-items:flex-start}
  .miniLinks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 620px){
  .grid--4,.grid--3,.grid--2{grid-template-columns:1fr}
  .miniLinks{grid-template-columns:repeat(2,minmax(0,1fr))}
}