
:root{
  --pink:#ff075f;
  --pink2:#ff4d9a;
}

/* Exact homepage header look on every public page */
.v472-header{
  position:fixed;
  z-index:9999;
  top:0;
  left:0;
  right:0;
  height:78px;
  padding:0 clamp(20px,4vw,68px);
  display:grid;
  grid-template-columns:205px 1fr 205px;
  align-items:center;
  background:rgba(3,3,7,.94);
  border-bottom:1px solid #ffffff0c;
  backdrop-filter:blur(16px);
  font-family:Inter,Arial,sans-serif;
  box-sizing:border-box;
}
.v472-header *{box-sizing:border-box}

.v472-brand img{
  display:block;
  width:185px;
  height:62px;
  object-fit:contain;
}

.v472-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(20px,3vw,45px);
}
.v472-nav a{
  position:relative;
  color:#dddde2;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.7px;
  transition:color .18s ease;
  white-space:nowrap;
}
.v472-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-27px;
  height:2px;
  background:var(--pink);
  box-shadow:0 0 10px var(--pink);
  transition:left .2s ease,right .2s ease;
}
.v472-nav a:hover,
.v472-nav a.active{color:#fff}
.v472-nav a:hover::after,
.v472-nav a.active::after{left:0;right:0}

.v472-cta{
  justify-self:end;
  padding:15px 25px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:950;
  letter-spacing:.4px;
  border:1px solid #ff6da6;
  background:linear-gradient(135deg,#ff075f,#c40047);
  clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);
  box-shadow:0 0 20px #ff075f35;
  transition:filter .18s ease,transform .18s ease;
}
.v472-cta:hover{
  filter:brightness(1.15);
  transform:translateY(-2px);
}
.v472-menu{display:none}

/* Hide every older public header so only one remains */
body:not(.v44-admin-body) .v36-header,
body:not(.v44-admin-body) .v36-site-header,
body:not(.v44-admin-body) .v39-header,
body:not(.v44-admin-body) .v40-header,
body:not(.v44-admin-body) .v41-header,
body:not(.v44-admin-body) .v42-header,
body:not(.v44-admin-body) .v43-header,
body:not(.v44-admin-body) .v45-header,
body:not(.v44-admin-body) .v461-topbar,
body:not(.v44-admin-body) header.top{
  display:none!important;
}

body:not(.v44-admin-body){
  padding-top:78px!important;
}

/* Several premium pages already include top offsets based on a fixed header.
   Reset only the duplicate spacing where necessary. */
body:not(.v44-admin-body) .v461-page{
  padding-top:12px!important;
}

@media(max-width:1100px){
  .v472-header{
    grid-template-columns:175px 1fr 170px;
    padding-inline:18px;
  }
  .v472-nav{gap:18px}
  .v472-nav a{font-size:10px}
  .v472-cta{padding-inline:18px}
}

@media(max-width:780px){
  .v472-header{
    height:70px;
    grid-template-columns:110px 1fr auto;
  }
  .v472-brand img{
    width:155px;
    height:52px;
  }
  .v472-cta{display:none}
  .v472-menu{
    display:block;
    justify-self:end;
    border:1px solid #ff075f55;
    background:#0b0710;
    color:#ff579e;
    border-radius:7px;
    padding:8px 11px;
    font-size:20px;
    cursor:pointer;
  }
  .v472-nav{
    display:none;
    position:absolute;
    top:70px;
    left:14px;
    right:14px;
    padding:18px;
    flex-direction:column;
    border:1px solid #ff075f45;
    background:#07070def;
  }
  .v472-nav.open{display:flex}
  .v472-nav a::after{display:none}
  body:not(.v44-admin-body){padding-top:70px!important}
}
