:root{

  --orange:#ff5a00;
  --orange-light:#ffb066;

  --dark:#050505;
  --dark2:#101010;

  --white:#ffffff;
  --text:#d0d0d0;

}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{

  margin:0;
  padding:0;

  background:
  radial-gradient(circle at top,
  rgba(255,90,0,0.16),
  transparent 30%),
  linear-gradient(
    to bottom,
    #050505,
    #090909
  );

  font-family:
  Arial,
  Helvetica,
  sans-serif;

  color:white;

}



/* HERO */

.hero{

  position:relative;

  min-height:100vh;

  display:flex;

  align-items:center;

  justify-content:center;

  text-align:center;

  overflow:hidden;

  padding:100px 20px;

}

.hero::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  url('https://static.gwvkyk.com/media/6c347ecedf0a64b2db7bf.webp')
  center center/cover no-repeat;

  opacity:0.28;

  transform:scale(1.03);

}



/* HERO OVERLAY */

.hero-overlay{

  position:absolute;

  inset:0;

  background:
  linear-gradient(
    to bottom,
    rgba(0,0,0,0.35),
    rgba(0,0,0,0.88)
  );

  backdrop-filter:blur(1px);

}



/* HERO GLOW */

.hero-glow{

  position:absolute;

  width:700px;

  height:700px;

  background:
  radial-gradient(
    circle,
    rgba(255,90,0,0.22),
    transparent 70%
  );

  top:-240px;

  right:-160px;

  filter:blur(90px);

  z-index:1;

}



/* HERO CONTENT */

.hero-content{

  position:relative;

  z-index:5;

  max-width:950px;

}



/* BADGES */

.hero-badges{

  display:flex;

  justify-content:center;

  gap:12px;

  flex-wrap:wrap;

  margin-bottom:28px;

}

.hero-badges span{

  padding:10px 18px;

  border-radius:999px;

  background:
  rgba(255,90,0,0.12);

  border:
  1px solid rgba(255,90,0,0.24);

  color:var(--orange-light);

  font-size:13px;

  font-weight:700;

  backdrop-filter:blur(10px);

}



/* TITLE */

h1{

  font-size:78px;

  line-height:1.05;

  margin-bottom:28px;

  font-weight:900;

  background:
  linear-gradient(
    to bottom,
    #ffffff,
    #ffb066
  );

  -webkit-background-clip:text;

  -webkit-text-fill-color:transparent;

}



/* HERO TEXT */

.hero p{

  max-width:860px;

  margin:auto auto 42px;

  color:#e2e2e2;

  font-size:20px;

  line-height:1.9;

}



/* BUTTONS */

.hero-buttons{

  display:flex;

  justify-content:center;

  gap:18px;

  flex-wrap:wrap;

}

.btn-primary,
.btn-secondary{

  min-width:230px;

  height:58px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:18px;

  text-decoration:none;

  font-weight:800;

  transition:0.3s ease;

}

.btn-primary{

  background:
  linear-gradient(
    to bottom,
    #ff7b00,
    #ff3c00
  );

  color:white;

  box-shadow:
  0 12px 30px rgba(255,90,0,0.32);

}

.btn-primary:hover{

  transform:translateY(-3px);

}

.btn-secondary{

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.10);

  color:white;

}

.btn-secondary:hover{

  background:
  rgba(255,255,255,0.10);

}



/* PROVIDERS */

.providers-strip{

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:18px;

  padding:24px;

  background:
  rgba(255,255,255,0.03);

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

  border-bottom:
  1px solid rgba(255,255,255,0.06);

}

.providers-strip div{

  padding:12px 20px;

  border-radius:14px;

  background:
  rgba(255,90,0,0.10);

  border:
  1px solid rgba(255,90,0,0.12);

  color:#ffb066;

  font-weight:700;

}



/* SECTION */

.section{

  max-width:1300px;

  margin:auto;

  padding:100px 20px;

}



/* SECTION HEADER */

.section-header{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

  margin-bottom:40px;

}

.section-header span{

  color:#ffb066;

  font-size:14px;

  font-weight:700;

}



/* TITLES */

h2{

  font-size:42px;

  margin:0;

  color:#ff9a2f;

}

h3{

  font-size:24px;

  margin-bottom:14px;

}



/* GRID */

.grid{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(260px,1fr));

  gap:24px;

}



/* CARD */

.card{

  position:relative;

  overflow:hidden;

  padding:34px;

  border-radius:28px;

  background:
  linear-gradient(
    145deg,
    rgba(255,90,0,0.08),
    rgba(255,255,255,0.02)
  );

  border:
  1px solid rgba(255,90,0,0.14);

  text-decoration:none;

  color:white;

  transition:0.35s ease;

  backdrop-filter:blur(10px);

}

.card:hover{

  transform:
  translateY(-7px);

  border-color:
  rgba(255,140,0,0.36);

  box-shadow:
  0 18px 36px rgba(255,90,0,0.18);

}



/* ICON */

.icon{

  width:78px;

  height:78px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:36px;

  background:
  rgba(255,90,0,0.10);

  margin-bottom:24px;

}



/* CARD TEXT */

.card p{

  color:#cfcfcf;

  line-height:1.8;

}



/* TAG */

.card-tag{

  display:inline-flex;

  margin-top:20px;

  padding:8px 14px;

  border-radius:999px;

  background:
  rgba(255,90,0,0.12);

  color:#ffb066;

  font-size:12px;

  font-weight:800;

}



/* STATS */

.stats-section{

  padding:20px;

}

.stats-grid{

  max-width:1300px;

  margin:auto;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(220px,1fr));

  gap:22px;

}

.stats-card{

  text-align:center;

  padding:44px 20px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.03);

  border:
  1px solid rgba(255,255,255,0.06);

}

.stats-card h3{

  font-size:48px;

  color:#ff9a2f;

}



/* AUTHORITY */

.authority-section{

  padding:40px 20px 100px;

}

.authority-box{

  max-width:1300px;

  margin:auto;

  padding:40px;

  border-radius:32px;

  display:flex;

  align-items:center;

  gap:30px;

  background:
  linear-gradient(
    145deg,
    rgba(255,90,0,0.08),
    rgba(255,255,255,0.02)
  );

  border:
  1px solid rgba(255,90,0,0.14);

}

.authority-icon{

  width:100px;

  height:100px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:42px;

  background:
  rgba(255,90,0,0.12);

}



/* FOOTER */

.footer{

  padding:60px 20px;

  text-align:center;

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

}

.footer-links{

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:22px;

  margin-bottom:20px;

}

.footer-links a{

  color:#ffb066;

  text-decoration:none;

  transition:0.3s ease;

}

.footer-links a:hover{

  color:white;

}



/* FLOATING BUTTON */

.floating-btn{

  position:fixed;

  right:20px;

  bottom:20px;

  z-index:9999;

}

.floating-btn a{

  width:88px;

  height:88px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  text-align:center;

  background:
  linear-gradient(
    to bottom,
    #ff7b00,
    #ff3c00
  );

  color:white;

  text-decoration:none;

  font-size:13px;

  font-weight:900;

  box-shadow:
  0 16px 34px rgba(255,90,0,0.32);

}



/* MOBILE */

@media(max-width:768px){

  h1{

    font-size:48px;

  }

  h2{

    font-size:32px;

  }

  .hero{

    min-height:auto;

    padding:120px 20px;

  }

  .section-header{

    flex-direction:column;

    align-items:flex-start;

  }

  .authority-box{

    flex-direction:column;

    text-align:center;

  }

  .btn-primary,
  .btn-secondary{

    width:100%;

  }

}