@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body.home-premium{
  background:#070b18 !important;
  color:#e8edf7 !important;
  font-family:Inter,system-ui,sans-serif;
}
body.home-premium .whiteg,
body.home-premium .font1{color:#e8edf7 !important}
body.home-premium > .container:first-of-type{
  position:relative;
  z-index:30;
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
}
body.home-premium .navbarlogo{
  background:transparent !important;
  border:0 !important;
  margin:0;
}
body.home-premium .navbarlogo .container-fluid{
  max-width:1180px;
  margin:0 auto;
}
body.home-premium #menug{
  background:rgba(8,12,28,.55) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.home-premium #menug .navbar-nav > li > a{
  color:#d7def0 !important;
  letter-spacing:.04em;
  font-size:12px;
  font-weight:600;
}
body.home-premium #menug .navbar-nav > li.active > a,
body.home-premium #menug .navbar-nav > li > a:hover{
  color:#fff !important;
  background:rgba(56,189,248,.12) !important;
}

.px-hero{
  position:relative;
  width:100%;
  min-height:700px;
  height:700px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg,#06101f 0%,#0a1848 38%,#1a1768 68%,#2e2a86 100%);
}
.px-slides{position:absolute;inset:0}
.px-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1s ease;
  filter:saturate(.9);
}
.px-slide.on{opacity:.38}
.px-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,rgba(6,16,31,.82) 0%,rgba(10,24,72,.62) 45%,rgba(26,23,104,.55) 100%);
}
.px-dots{
  position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);
  display:flex;gap:8px;
}
.px-dots button{
  width:8px;height:8px;border-radius:50%;border:0;padding:0;
  background:rgba(255,255,255,.35);cursor:pointer;
}
.px-dots button.on{background:#67e8f9;box-shadow:0 0 10px rgba(103,232,249,.7)}
.px-hero-bg{position:absolute;inset:0;pointer-events:none}
.px-grid{
  position:absolute;inset:0;opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);
}
.px-orb{
  position:absolute;border-radius:50%;filter:blur(50px);
  mix-blend-mode:screen;
}
.px-orb-a{
  width:420px;height:420px;top:-80px;right:8%;
  background:radial-gradient(circle,#4f46e5 0%,transparent 70%);
  opacity:.55;
}
.px-orb-b{
  width:360px;height:360px;bottom:-90px;left:6%;
  background:radial-gradient(circle,#22d3ee 0%,transparent 70%);
  opacity:.35;
}
.px-orb-c{
  width:220px;height:220px;top:28%;left:42%;
  background:radial-gradient(circle,#818cf8 0%,transparent 70%);
  opacity:.28;
}
.px-geo{
  position:absolute;border:1px solid rgba(255,255,255,.14);
  border-radius:28px;backdrop-filter:blur(8px);
}
.px-geo-1{width:180px;height:180px;right:11%;bottom:14%;transform:rotate(18deg);opacity:.35}
.px-geo-2{width:90px;height:90px;right:22%;top:18%;transform:rotate(-12deg);opacity:.25}

.px-hero-inner{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
  padding:88px 32px 64px;
  min-height:700px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:22px;
}
.px-kicker{
  margin:0;
  color:#93c5fd;
  font-size:13px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.px-hero h1{
  margin:0;
  max-width:16ch;
  color:#fff;
  font-family:Inter,system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(36px,5.2vw,68px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.px-sub{
  margin:0;
  max-width:38ch;
  color:#c5cde0;
  font-size:clamp(16px,1.5vw,20px);
  line-height:1.55;
  font-weight:400;
}
.px-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:8px}
.px-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:14px 28px;
  border-radius:999px;border:0;
  background:linear-gradient(180deg,#67e8f9 0%,#2563eb 100%);
  color:#06101f !important;
  font-weight:700;font-size:16px;letter-spacing:-.01em;
  box-shadow:0 14px 36px rgba(37,99,235,.42),0 0 34px rgba(34,211,238,.22);
  transition:transform .18s ease,box-shadow .18s ease;
}
.px-btn:hover{
  color:#06101f !important;
  transform:translateY(-2px);
  box-shadow:0 18px 44px rgba(37,99,235,.52),0 0 42px rgba(34,211,238,.3);
}
.px-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:14px 24px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.04);
  color:#e8edf7 !important;
  font-weight:600;font-size:15px;
}
.px-btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff !important}
.px-meta{
  margin:10px 0 0;
  color:#9aa6c2;
  font-size:13px;
}

.px-below{
  background:#070b18;
  padding:56px 20px 72px;
}
.px-below-inner{max-width:980px;margin:0 auto}
.px-below h2{
  color:#fff;font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 10px;
}
.px-below p,.px-below li{color:#c5cde0;line-height:1.65}
.px-below a{color:#7dd3fc}

@media (max-width:900px){
  .px-hero,.px-hero-inner{
    height:auto;
    min-height:100svh;
  }
  .px-hero-inner{padding:72px 22px 80px}
  .px-hero h1{max-width:12ch}
  .px-geo{display:none}
}
html[data-theme="light"] body.home-premium{
  background:#070b18 !important;
  color:#e8edf7 !important;
}
html[data-theme="light"] body.home-premium .px-hero h1,
html[data-theme="light"] body.home-premium .px-below h2{color:#fff !important}
html[data-theme="light"] body.home-premium .px-sub,
html[data-theme="light"] body.home-premium .px-below p,
html[data-theme="light"] body.home-premium .px-meta{color:#c5cde0 !important}

@media (min-width:1400px){
  .px-hero{
    height:700px;
    min-height:700px;
  }
}