/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 01 2025 | 12:40:02 */

:root{
  --primary:#2A2356;
  --secondary:#6246EA;
  --light:#FFFFFE;
  --dark:#0F0E17;
}

/* reset/base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:#000; color:#fff; 
	overflow-x:hidden;
}

/* ---------- layout (no header) ---------- */
.section-hero{
  position:relative;
  min-height:100svh;
  display:flex; align-items:center; justify-content:center;
  padding:8rem 2rem 6rem;
  isolation:isolate;
}
.container{position:relative; z-index:3; width:min(1200px,95%); margin-inline:auto}
.hero{display:grid; gap:1.25rem; text-align:center; place-items:center}
.hero h1{
  font-size:clamp(2.4rem,5vw + 1rem,6.2rem);
  font-weight:800; line-height:1.02; letter-spacing:.5px;
  max-width:18ch; text-transform:uppercase;
}
.highlight-text{display:inline-block}

/* badges */
.badges{display:flex; gap:.75rem; flex-wrap:wrap; justify-content:center; margin-top:.5rem}
.badge{
  position:relative; overflow:hidden;
  padding:.5rem .8rem; border-radius:999px; font-size:.8rem; color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
  box-shadow: inset 1px 1px rgba(255,255,255,.35), 0 4px 20px rgba(0,0,0,.25);
}
.badge:after{
  content:""; position:absolute; inset:-100% auto auto -30%;
  width:40%; height:300%; transform:rotate(25deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
  animation:badgeShine 4s ease-in-out infinite;
}
@keyframes badgeShine{ 0%{left:-30%} 60%{left:130%} 100%{left:130%} }

/* CTA button */
.cta-row{display:flex; gap:1rem; justify-content:center; margin-top:1.2rem}
.btn{
  position:relative; overflow:hidden; cursor:pointer;
  padding:.95rem 1.25rem; border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  color:#fff; text-decoration:none; font-weight:700;
  transition:transform .2s, box-shadow .2s;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* ---------- GLASS utilities for title + button ---------- */
.glass{
  position:relative; display:inline-block; overflow:hidden;
  padding:.6rem 1rem; border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.35), 0 8px 30px rgba(0,0,0,.35);
}
.glass::before{
  content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen; opacity:.6;
  background:
    radial-gradient(120% 120% at -20% -20%, rgba(255,255,255,.45), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}
.glass::after{
  content:""; position:absolute; top:-150%; left:-50%; width:60%; height:400%; transform:rotate(25deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  animation:glassSheen 6s ease-in-out infinite; opacity:.35; pointer-events:none;
}
@keyframes glassSheen{ 0%{left:-50%} 55%{left:130%} 100%{left:130%} }

.glass-title{ padding:.7rem 1.1rem; border-radius:22px }
.btn.glass.glass-btn{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
}
.btn.glass.glass-btn:hover{ box-shadow:0 14px 36px rgba(0,0,0,.45) }

/* ---------- STARFIELD background (fixed) ---------- */
.full-wh{position:absolute; top:0; left:0; bottom:0; width:100%}
.bg-animation{
  position:fixed; top:0; left:0; width:100%; height:100%;
  z-index:1; pointer-events:none;
}
#stars,#stars2,#stars3,#stars4{position:absolute; inset:0; display:block}

/* (compact example lists — feel free to replace with your longer lists) */
#stars{width:1px;height:1px;background:transparent;box-shadow:
  117px 1613px #c49952,1488px 635px #c49952,944px 914px #c49952,647px 277px #c49952,550px 702px #c49952;
  animation:animStar 50s linear infinite}
#stars:after{content:" "; position:absolute; top:2000px; width:1px;height:1px;background:transparent; box-shadow:
  117px 1613px #c49952,1488px 635px #c49952,944px 914px #c49952,647px 277px #c49952,550px 702px #c49952}

#stars2{width:2px;height:2px;background:transparent;box-shadow:
  1117px 1306px #c49952,1078px 1783px #c49952,1179px 1085px #c49952,476px 453px #c49952,926px 1306px #c49952;
  animation:animStar 100s linear infinite}
#stars2:after{content:" "; position:absolute; top:2000px; width:2px;height:2px;background:transparent; box-shadow:
  1117px 1306px #c49952,1078px 1783px #c49952,1179px 1085px #c49952,476px 453px #c49952,926px 1306px #c49952}

#stars3{width:3px;height:3px;background:transparent;box-shadow:
  940px 1360px #c49952,1071px 539px #c49952,1710px 1414px #c49952,836px 299px #c49952,273px 1081px #c49952;
  animation:animStar 150s linear infinite}
#stars3:after{content:" "; position:absolute; top:2000px; width:3px;height:3px;background:transparent; box-shadow:
  940px 1360px #c49952,1071px 539px #c49952,1710px 1414px #c49952,836px 299px #c49952,273px 1081px #c49952}

#stars4{width:1px;height:1px;background:transparent;box-shadow:
  233px 1976px #c49952,1196px 1119px #c49952,646px 740px #c49952,335px 645px #c49952,1119px 1452px #c49952;
  animation:animStar 600s linear infinite}
#stars4:after{content:" "; position:absolute; top:2000px; width:1px;height:1px;background:transparent; box-shadow:
  233px 1976px #c49952,1196px 1119px #c49952,646px 740px #c49952,335px 645px #c49952,1119px 1452px #c49952}

@keyframes animStar{from{transform:translateY(0)} to{transform:translateY(-2000px)}}

/* ---------- custom cursor: black/white ---------- */
.cursor{
  position:fixed; width:20px; height:20px; border-radius:50%;
  background:#fff; pointer-events:none; mix-blend-mode:difference; z-index:9999;
  transform:translate(-50%,-50%); transition:width .2s, height .2s;
}
.cursor-follower{
  position:fixed; width:40px; height:40px; border-radius:50%;
  border:2px solid #fff; pointer-events:none; mix-blend-mode:difference; z-index:9998;
  transform:translate(-50%,-50%); transition: all .2s ease-out;
}

@media (max-width:900px){
  .hero h1{max-width:12ch}
}