/* =========================
   RESET & GLOBAL
========================= */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
}

body{
  font-family: 'Inter', sans-serif;
  background: #06111d;
  color: white;
  overflow-x: hidden;
}

a{
  text-decoration: none;
}

img{
  max-width: 100%;
  display: block;
}

.container{
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 0 40px;
}

.section-title{
  text-align: center;
  margin-bottom: 70px;
}

.section-title span{
  color: #58d5ff;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}

.section-title h2{
  font-size: 54px;
  margin-top: 18px;
  font-weight: 800;
}

.section-title p{
  color: #b7c7d8;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.8;
}

/* =========================
   BACKGROUND BLUR
========================= */
.bg-blur{
  position: fixed;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  filter: blur(120px);
  z-index: -1;
}

.bg1{
  top: -250px;
  left: -200px;
  background: radial-gradient(circle, rgba(0,180,216,0.3), transparent 70%);
}

.bg2{
  bottom: -300px;
  right: -200px;
  background: radial-gradient(circle, rgba(0,119,182,0.3), transparent 70%);
}

/* BUTTONS CONFIG */
.btn-primary{
  padding: 18px 34px;
  border-radius: 60px;
  background: linear-gradient(135deg, #0077B6, #00B4D8);
  color: white;
  font-weight: 600;
  box-shadow: 0 10px 35px rgba(0,180,216,0.3);
  transition: 0.3s;
}

.btn-primary:hover{
  transform: translateY(-4px);
}

.btn-secondary{
  padding: 18px 34px;
  border-radius: 60px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: white;
}

/* =========================
   HERO OFFSET
========================= */
.hero-slider{
  padding-top: 180px;
}