:root{
    --bg:#f8fafc;
    --surface:#ffffff;
    --muted:#64748b;
    --accent:#4f46e5;
    --accent-dark:#4338ca;
    --accent-600:#6366f1;
    --card:#ffffff;
    --glass:rgba(255,255,255,0.6);
    --gradient-main:linear-gradient(135deg,#4f46e5 0%, #2563eb 40%, #7c3aed 100%);
    --header-bg:#0b1220;
    --header-glow:radial-gradient(600px 200px at 20% 0%, rgba(79,70,229,0.25), transparent 60%), radial-gradient(600px 200px at 80% 0%, rgba(37,99,235,0.25), transparent 60%);
    --max-width:1200px;
    --radius:14px;
    --container-padding:24px;
} 

.main-header{
  background:var(--header-bg);
  background-image:var(--header-glow);
  width:100%;
  height:110px;
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid rgba(255,255,255,0.06);
  backdrop-filter:blur(10px);
}

.header-wrapper{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-left:48px;  
  padding-right:24px;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.brand-logo{
  width:450px;
  height:270px;
  margin-top: 2%;
  margin-left: -5%;
}

.brand-logo2{
  width:450px;
  height:270px;
  margin-top: 2%;
  margin-left: -5%;
}

.brand-name{
  font-size:2rem;
  font-weight:800;
  color:#ffffff;
  letter-spacing:0.5px;
}

.main-nav ul{
  display:flex;
  gap:36px; 
  list-style:none;
  margin:0;
  padding:0;
}

.main-nav a{
  position:relative;
  font-size:1.5rem;
  font-weight:600;
  color:rgba(255,255,255,0.65);
  padding:6px 0;
  transition:.25s;
}

.main-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:0;
  height:3px;
  background:var(--gradient-main);
  transition:width .35s ease, left .35s ease;
}

.mobile-menu{
  display: none;
}

.main-nav a:hover::after,
.main-nav a.active::after{
  width:100%;
  left:0;
}

.main-nav a:hover,
.main-nav a.active{
  color:#ffffff;
}

.cta-smart{
  position:relative;
  overflow:hidden;
  background:var(--gradient-main);
  color:#fff;
  font-size:1.2rem;
  font-weight:700;
  padding:14px 26px;
  border-radius:12px;
  z-index:1;
  transition:.25s ease;
  box-shadow:0 10px 25px rgba(79,70,229,0.35);
}

.cta-smart:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 14px 30px rgba(79,70,229,0.5);
}

.has-chevron{
  padding-right:44px;
}

.has-chevron::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-50%) rotate(-45deg);
  transition:transform .3s ease;
}

.has-chevron:hover::after{
  transform:translateY(-50%) rotate(-45deg) translateX(4px);
}
.beta {
  font-size: 0.55em;
  vertical-align: super;
  opacity: 0.8;
  letter-spacing: 0.5px;
}
.header-actions{
  display:flex;
  align-items:center; 
  gap:16px;
}

.news-toggle{
  width:110px;
  height:100px;
  background:rgba(255,255,255,0.06);
  border:none;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  cursor:pointer;
  border-radius:12px;
  transition:.2s;
  color:#fff;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1.2px;
  font-family:Inter, Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial;
}

.news-toggle:hover{
  background:rgba(255,255,255,0.1);
  transform: translateY(-2px);
}

.hamburger span{
  width:32px;
  height:3px;
  background:#ffffff;
}

.menu-toggle{
    display:none;
    font-size:22px;
    color:#ffffff;
}