:root{

  --bg:#07111f;
  --bg2:#0d1b2d;

  --primary:#00d9a5;
  --secondary:#00a8ff;

  --text:#ffffff;
  --soft:#94a3c4;

}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Segoe UI',sans-serif;
}

/* NAVBAR */

.custom-navbar{
  background:rgba(7,17,31,.95);
  box-shadow:none;
}

.logo-text{
  font-weight:700;
}

.logo-text i{
  margin-right:10px;
  color:var(--primary);
}

nav ul a{
  color:white;
}

.btn-main{
  background:
  linear-gradient(135deg,
  var(--secondary),
  var(--primary));
}

.btn-main:hover{
  opacity:.9;
}

.btn-outline{
  background:transparent;
  border:1px solid rgba(255,255,255,.15);
  margin-left:10px;
}

/* HERO */

.hero-section{
  min-height:100vh;

  display:flex;
  align-items:center;

  background:
  radial-gradient(circle at top left,
  rgba(0,217,165,.15),
  transparent 30%);
}

.hero-row{
  min-height:90vh;
}

.hero-badge{
  display:inline-block;

  padding:10px 18px;

  border-radius:50px;

  background:rgba(255,255,255,.05);

  color:#c4d1ef;

  margin-bottom:2rem;
}

.hero-title{
  font-size:4.5rem;
  font-weight:800;
  line-height:1.1;
}

.hero-title span{
  background:
  linear-gradient(90deg,
  var(--secondary),
  var(--primary));

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-text{
  color:var(--soft);
  font-size:1.1rem;
  line-height:1.8;
  margin-top:2rem;
}

.hero-buttons{
  margin-top:2.5rem;
}

/* DASHBOARD */

.dashboard-card{

  background:
  linear-gradient(180deg,
  rgba(255,255,255,.05),
  rgba(255,255,255,.03));

  border:1px solid rgba(255,255,255,.08);

  border-radius:30px;

  padding:2rem;

}

.dashboard-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.dashboard-label{
  color:#8fa0c7;
  font-size:.8rem;
}

.dashboard-top h2{
  font-size:3rem;
}

.status-badge{

  background:rgba(0,217,165,.2);

  color:var(--primary);

  padding:8px 15px;

  border-radius:50px;

}

.custom-progress{
  background:rgba(255,255,255,.05);
  border-radius:50px;
  margin-top:2rem;
}

.custom-progress .determinate{
  background:
  linear-gradient(90deg,
  var(--secondary),
  var(--primary));
}

.dashboard-info{
  margin-top:2rem;
}

.info-box{

  display:flex;
  align-items:center;

  gap:1rem;

  padding:1rem;

  margin-bottom:1rem;

  background:rgba(255,255,255,.04);

  border-radius:18px;

}

.info-box i{
  font-size:1.5rem;
  color:var(--primary);
}

.info-box p{
  color:var(--soft);
}

/* SECTION */

.section-title{
  font-size:3rem;
  font-weight:700;
}

.section-mini-title{
  color:var(--primary);
  letter-spacing:2px;
}

.section-header{
  margin-bottom:4rem;
}

/* SERVICES */

.services-section{
  background:var(--bg2);
}

.service-card{

  background:rgba(255,255,255,.04);

  border:1px solid rgba(255,255,255,.05);

  border-radius:25px;

  padding:2rem;

  transition:.3s;

  height:100%;
}

.service-card:hover{
  transform:translateY(-10px);
}

.service-icon{

  width:70px;
  height:70px;

  border-radius:20px;

  background:
  linear-gradient(135deg,
  var(--secondary),
  var(--primary));

  display:flex;
  justify-content:center;
  align-items:center;

  margin-bottom:1.5rem;
}

.service-icon i{
  color:white;
  font-size:1.5rem;
}

.service-card p{
  color:var(--soft);
}

/* BENEFITS */

.benefit-item{

  display:flex;
  align-items:center;

  gap:1rem;

  margin-top:1.5rem;

  font-size:1.1rem;
}

.benefit-item i{
  color:var(--primary);
}

.stats-box{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.stats-card{

  background:rgba(255,255,255,.04);

  padding:2rem;

  border-radius:25px;

  text-align:center;
}

.stats-card h3{
  font-size:3rem;
}

.stats-card p{
  color:var(--soft);
}

/* CONTACT */

.contact-card{

  background:rgba(255,255,255,.04);

  padding:2rem;

  border-radius:25px;
}

.input-field input,
.input-field textarea{
  color:white;
}

.input-field label{
  color:#b5c1dc;
}

.btn-full{
  width:100%;
}

/* FOOTER */

/* FOOTER */

.custom-footer{

  background:#040b16;

  padding-top:5rem;

}

.footer-content{

  display:flex;
  align-items:flex-start;

}

.footer-brand{

  display:flex;
  align-items:center;

  gap:15px;

  margin-bottom:1.5rem;

}

.footer-logo{

  width:60px;
  height:60px;

  border-radius:18px;

  background:
  linear-gradient(135deg,
  var(--secondary),
  var(--primary));

  display:flex;
  justify-content:center;
  align-items:center;

}

.footer-logo i{

  color:white;
  font-size:1.4rem;

}

.footer-brand h4{

  font-size:2rem;
  margin:0;

}

.footer-description{

  color:var(--soft);
  line-height:1.9;

}

/* DISCLAIMER */

.disclaimer-card{

  background:
  linear-gradient(
  180deg,
  rgba(255,255,255,.04),
  rgba(255,255,255,.02));

  border:1px solid rgba(255,255,255,.08);

  border-radius:28px;

  padding:2rem;

}

.disclaimer-title{

  display:flex;
  align-items:center;

  gap:12px;

  color:#ffb020;

  font-weight:700;

  margin-bottom:1rem;

  letter-spacing:1px;

}

.disclaimer-card p{

  color:#b6c2dd;

  line-height:1.9;

  margin:0;

}

.disclaimer-card strong{

  color:white;

}

/* FOOTER BOTTOM */

.footer-bottom{

  border-top:1px solid rgba(255,255,255,.08);

  margin-top:4rem;

  padding:2rem 0;

  color:#8b98b8;

}

.footer-links{

  display:flex;
  justify-content:flex-end;
  gap:30px;

}

.footer-links a{

  color:#8b98b8;

  transition:.3s;

}

.footer-links a:hover{

  color:white;

}

/* RESPONSIVE */

@media(max-width:768px){

  .footer-links{

    justify-content:flex-start;

    margin-top:1rem;

    flex-wrap:wrap;

  }

}