:root{
  --bg:#030712;
  --panel:#081120;
  --text:#ffffff;
  --muted:#b9c4d6;
  --cyan:#00d7c3;
  --blue:#2f8fd2;
  --purple:#9b5cff;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 70% 20%,rgba(0,215,195,.18),transparent 30%),radial-gradient(circle at 20% 25%,rgba(155,92,255,.18),transparent 28%),var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line);background:rgba(3,7,18,.78);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand img{width:220px;max-height:70px;object-fit:contain}.nav{display:flex;gap:34px;font-weight:700;font-size:.9rem;text-transform:uppercase}.nav a{opacity:.9}.nav a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:10px;font-weight:800;text-transform:uppercase;font-size:.9rem;letter-spacing:.3px}.btn-top,.primary{background:linear-gradient(135deg,var(--purple),var(--cyan));box-shadow:0 10px 35px rgba(0,215,195,.22)}.secondary{border:1px solid rgba(255,255,255,.28)}.secondary:hover{border-color:var(--cyan)}.hero{min-height:720px;padding:70px 8% 50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:-5%;width:110%;height:2px;background:linear-gradient(90deg,var(--purple),var(--blue),var(--cyan));transform:rotate(-1.5deg)}.eyebrow{text-transform:uppercase;letter-spacing:9px;color:var(--cyan);font-weight:800;font-size:.78rem;margin-bottom:20px}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.02;margin-bottom:24px}.hero h1 span{background:linear-gradient(135deg,var(--purple),var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.description{font-size:1.18rem;color:var(--muted);max-width:620px;margin-bottom:34px}.actions{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:38px}.trust{display:flex;gap:28px;flex-wrap:wrap;color:#e5efff;font-size:.98rem}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.glow-logo{position:absolute;inset:auto;width:520px;height:520px;border-radius:50%;display:grid;place-items:center;opacity:.55;filter:drop-shadow(0 0 45px rgba(0,215,195,.35))}.glow-logo img{width:100%;height:100%;object-fit:contain}.person-card{position:relative;width:min(430px,80vw);height:520px;border-radius:36px;background:linear-gradient(145deg,rgba(155,92,255,.18),rgba(0,215,195,.14));border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.silhouette{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:260px;height:450px;background:linear-gradient(160deg,#171b25,#05070d 55%,#111827);border-radius:130px 130px 40px 40px}.silhouette:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:linear-gradient(160deg,#242b3a,#080b12);left:65px;top:-45px;box-shadow:0 0 40px rgba(0,215,195,.18)}.silhouette:after{content:"";position:absolute;width:360px;height:135px;background:linear-gradient(90deg,var(--purple),var(--cyan));opacity:.22;border-radius:80px;left:-50px;top:150px;transform:rotate(-15deg)}.stat{position:absolute;background:rgba(8,17,32,.82);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.stat strong{display:block;font-size:1.4rem}.stat small{color:var(--muted)}.stat-one{left:18px;top:90px}.stat-two{right:18px;bottom:90px}.section{padding:70px 8%}.center{text-align:center}.section h2{text-align:center;font-size:2.5rem;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cards article{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:16px;padding:28px 18px;text-align:center;transition:.25s}.cards article:hover{transform:translateY(-6px);border-color:rgba(0,215,195,.45)}.icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 0 3px rgba(155,92,255,.35);font-size:1.5rem}.cards h3{margin-bottom:8px}.cards p{color:var(--muted);font-size:.95rem}.banner{margin:30px 8% 70px;padding:34px 40px;border-radius:18px;background:linear-gradient(135deg,var(--purple),var(--blue),var(--cyan));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 25px 70px rgba(0,215,195,.18)}.banner h2{text-align:left;margin:0 0 4px}.banner-btn{background:#fff;color:#06111f}.contact{text-align:center}.contact p{color:var(--muted);margin-bottom:26px}footer{text-align:center;padding:26px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:1050px){.nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.description{margin-left:auto;margin-right:auto}.actions,.trust{justify-content:center}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header{padding:0 5%;height:auto;min-height:82px}.brand img{width:160px}.btn-top{display:none}.hero{padding-top:45px}.cards{grid-template-columns:1fr}.banner{flex-direction:column;text-align:center}.banner h2{text-align:center}.person-card{height:420px}.glow-logo{width:340px;height:340px}.eyebrow{letter-spacing:5px}}

.demo-video {
  padding: 70px 20px;
  text-align: center;
  background: #080b18;
  color: white;
}

.demo-video h2 {
  font-size: 2.2rem;
  margin-bottom: 15px;
}

.demo-video p {
  max-width: 700px;
  margin: 0 auto 30px;
  color: #cfd3ff;
}

.video-sistemgym {
  width: 100%;
  max-width: 850px;
  border-radius: 22px;
  box-shadow: 0 0 35px rgba(0, 255, 255, 0.25);
}

.access-showcase{
  position:relative;
  padding:80px 4% 45px;
  background:
    radial-gradient(circle at 75% 45%, rgba(0,229,195,.22), transparent 35%),
    linear-gradient(135deg,#020817,#061224 55%,#020817);
  overflow:hidden;
  color:white;
}

.access-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,8,23,.95),rgba(2,8,23,.45)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 120px);
  pointer-events:none;
}

.access-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  min-height:620px;
  gap:30px;
}

.access-badge{
  display:inline-block;
  padding:12px 22px;
  border:2px solid #00e5c3;
  border-radius:12px;
  color:#00e5c3;
  font-weight:800;
  margin-bottom:35px;
}

.access-text h2{
  font-size:64px;
  line-height:1.05;
  margin:0 0 25px;
}

.access-text h2 strong{
  color:#00e5c3;
}

.access-text > p{
  max-width:640px;
  font-size:22px;
  line-height:1.5;
  color:#e6eeff;
}

.access-features{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-top:50px;
}

.access-features div{
  text-align:center;
}

.access-features span{
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  margin:0 auto 15px;
  border:1px solid rgba(0,229,195,.45);
  border-radius:18px;
  font-size:38px;
  color:#00e5c3;
  background:rgba(6,18,36,.75);
}

.access-features h4{
  margin:0 0 8px;
  font-size:17px;
}

.access-features p{
  margin:0;
  color:#d2ddf7;
  font-size:15px;
  line-height:1.4;
}

.access-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.access-visual img{
  position:relative;
  z-index:3;
  width:min(620px,100%);
  filter:drop-shadow(0 35px 45px rgba(0,0,0,.65));
}

.glow-ring{
  position:absolute;
  z-index:1;
  width:520px;
  height:160px;
  bottom:60px;
  border:5px solid #00e5ff;
  border-radius:50%;
  box-shadow:0 0 35px #00e5ff, inset 0 0 25px rgba(0,229,255,.6);
  transform:perspective(700px) rotateX(70deg);
}

.access-arrow{
  position:absolute;
  z-index:5;
  top:48%;
  width:58px;
  height:58px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.08);
  color:white;
  font-size:56px;
  line-height:50px;
}

.access-arrow.left{left:22px}
.access-arrow.right{right:22px}

.access-dots{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  gap:12px;
  margin:10px 0 30px;
}

.access-dots span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,.35);
}

.access-dots .active{
  width:36px;
  border-radius:20px;
  background:#00e5c3;
}

.access-bottom-cards{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:18px;
  border-radius:28px;
  background:rgba(10,20,38,.9);
  border:1px solid rgba(255,255,255,.09);
}

.bottom-card{
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px;
  border-radius:18px;
  background:rgba(2,8,23,.55);
}

.bottom-card.active{
  border:2px solid #00e5c3;
}

.bottom-card img,
.fake-img{
  width:120px;
  height:90px;
  object-fit:contain;
  border-radius:12px;
  background:rgba(0,229,195,.08);
}

.fake-img{
  display:grid;
  place-items:center;
  font-size:48px;
}

.bottom-card h4{
  margin:0 0 8px;
  font-size:20px;
}

.bottom-card p{
  margin:0;
  color:#d2ddf7;
  line-height:1.4;
}

@media(max-width:1000px){
  .access-main{
    grid-template-columns:1fr;
  }

  .access-text h2{
    font-size:42px;
  }

  .access-features,
  .access-bottom-cards{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .access-features,
  .access-bottom-cards{
    grid-template-columns:1fr;
  }

  .access-arrow{
    display:none;
  }
}

.reports-section{
  padding:100px 8%;
  background:#050816;
  display:flex;
  gap:50px;
  align-items:center;
}

.reports-content{flex:1}
.reports-content h2{font-size:46px;color:white}
.reports-content p{color:#cfd3ff;line-height:1.7}

.reports-panel{
  flex:1;
  background:linear-gradient(145deg,#10172a,#050816);
  border:1px solid rgba(0,229,195,.25);
  border-radius:28px;
  padding:30px;
  box-shadow:0 0 45px rgba(0,229,195,.12);
}

.report-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-bottom:35px;
}

.mini-card{
  background:#111827;
  border-radius:18px;
  padding:18px;
  text-align:center;
}

.mini-card strong{
  display:block;
  color:#00e5c3;
  font-size:24px;
}

.mini-card span{color:white;font-size:13px}

.bar-chart{
  height:260px;
  display:flex;
  align-items:flex-end;
  gap:18px;
  padding:25px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
}

.bar-chart div{
  flex:1;
  border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,#a66cff,#00e5c3);
  box-shadow:0 0 22px rgba(0,229,195,.35);
}