/* Hub V416 — Ultra Premium Header Rebuild
   Fixes amateur white slab/header-image look by replacing it with a native premium UI header.
*/

.hub415-header,
.hub405-global-header,
.hub405-header-banner,
.hub405-toolbar,
.hub405-mobile-nav{
  display:none !important;
}

.hub416-header{
  max-width:1180px;
  margin:16px auto 22px;
  padding:0 10px;
}

.hub416-shell{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.22),transparent 32%),
    radial-gradient(circle at 76% 16%,rgba(37,99,235,.18),transparent 34%),
    linear-gradient(135deg,#06101c 0%,#08182f 52%,#050b14 100%);
  box-shadow:
    0 26px 70px rgba(2,8,23,.36),
    inset 0 1px 0 rgba(255,255,255,.08);
  padding:16px;
}

.hub416-shell::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:24px;
  border:1px solid rgba(125,211,252,.10);
  pointer-events:none;
}

.hub416-shell::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-160px;
  width:380px;
  height:380px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(14,165,233,.18),transparent 62%);
  pointer-events:none;
}

.hub416-brand-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,1fr) auto auto;
  align-items:center;
  gap:12px;
}

.hub416-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  text-decoration:none;
  padding:10px 12px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(2,8,23,.18);
}

.hub416-mark{
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  flex:0 0 84px;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 35%,rgba(125,211,252,.26),transparent 56%),
    linear-gradient(145deg,#0b1c32,#07111f);
  border:1px solid rgba(125,211,252,.32);
  box-shadow:0 0 38px rgba(14,165,233,.22), inset 0 1px 0 rgba(255,255,255,.10);
  overflow:hidden;
}

.hub416-mark img{
  width:78px;
  height:78px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.40));
}

.hub416-word{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hub416-word strong{
  display:block;
  margin:0;
  color:#f8fbff;
  font-size:clamp(1.65rem,3vw,2.6rem);
  line-height:.88;
  letter-spacing:-.07em;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 0 26px rgba(14,165,233,.18);
  white-space:nowrap;
}

.hub416-word strong span{
  color:#2685ff;
  margin-left:.16em;
}

.hub416-word em{
  display:block;
  margin-top:8px;
  color:#9fb6d5;
  font-size:clamp(.78rem,1.3vw,1.02rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-style:normal;
  white-space:nowrap;
}

.hub416-nav{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border-radius:22px;
  background:rgba(2,8,23,.20);
  border:1px solid rgba(125,211,252,.12);
}

.hub416-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 14px;
  border-radius:15px;
  color:#dbeafe !important;
  text-decoration:none;
  font-weight:850;
  letter-spacing:-.01em;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(125,211,252,.10);
  white-space:nowrap;
}

.hub416-nav a:hover{
  color:#ffffff !important;
  background:rgba(14,165,233,.16);
  border-color:rgba(125,211,252,.30);
}

.hub416-store{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:60px;
  padding:0 20px;
  border-radius:19px;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  color:#ffffff !important;
  text-decoration:none;
  font-weight:950;
  box-shadow:0 16px 32px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.20);
  white-space:nowrap;
}

.hub416-control-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin-top:12px;
}

.hub416-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  margin:0;
  border-radius:22px;
  background:rgba(2,8,23,.28);
  border:1px solid rgba(125,211,252,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.hub416-search input{
  flex:1;
  min-width:0;
  height:50px;
  padding:0 18px;
  border:1px solid rgba(125,211,252,.14) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.04) !important;
  color:#eff6ff !important;
  font-size:1rem;
  outline:none;
}

.hub416-search input::placeholder{
  color:#8ea8c8 !important;
}

.hub416-search button{
  height:50px;
  min-width:112px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:16px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#ffffff;
  font-weight:950;
  cursor:pointer;
}

.hub416-fast-actions{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border-radius:22px;
  background:rgba(2,8,23,.20);
  border:1px solid rgba(125,211,252,.12);
}

.hub416-fast-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 14px;
  border-radius:16px;
  color:#dbeafe !important;
  text-decoration:none;
  font-weight:900;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(125,211,252,.10);
  white-space:nowrap;
}

.hub416-fast-actions a:first-child{
  color:#ffffff !important;
  background:linear-gradient(135deg,rgba(14,165,233,.85),rgba(37,99,235,.85));
  border-color:rgba(125,211,252,.28);
}

/* Keep the premium flow deck visually aligned with the new header. */
.hub415-flow-deck{
  border-radius:30px !important;
  border-color:rgba(125,211,252,.24) !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.17),transparent 34%),
    radial-gradient(circle at 86% 18%,rgba(37,99,235,.16),transparent 32%),
    linear-gradient(135deg,#06101c 0%,#08182f 56%,#050b14 100%) !important;
  box-shadow:0 26px 70px rgba(2,8,23,.32) !important;
}

.hub415-flow-card{
  min-height:112px !important;
  border-radius:22px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) padding-box,
    linear-gradient(135deg,rgba(125,211,252,.34),rgba(37,99,235,.22),rgba(255,255,255,.10)) border-box !important;
}

@media(max-width:1040px){
  .hub416-brand-row{
    grid-template-columns:1fr auto;
  }
  .hub416-nav{
    grid-column:1 / -1;
    justify-content:space-between;
  }
  .hub416-nav a{
    flex:1;
  }
  .hub416-control-row{
    grid-template-columns:1fr;
  }
  .hub416-fast-actions{
    justify-content:space-between;
  }
  .hub416-fast-actions a{
    flex:1;
  }
}

@media(max-width:680px){
  .hub416-header{
    margin:10px auto 16px;
    padding:0 8px;
  }
  .hub416-shell{
    border-radius:24px;
    padding:12px;
  }
  .hub416-brand-row{
    grid-template-columns:1fr;
    gap:10px;
  }
  .hub416-brand{
    padding:10px;
    border-radius:20px;
  }
  .hub416-mark{
    width:68px;
    height:68px;
    flex-basis:68px;
    border-radius:18px;
  }
  .hub416-mark img{
    width:64px;
    height:64px;
  }
  .hub416-word strong{
    font-size:1.55rem;
  }
  .hub416-word em{
    font-size:.68rem;
    letter-spacing:.22em;
  }
  .hub416-store{
    min-height:48px;
    border-radius:16px;
  }
  .hub416-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .hub416-nav a{
    min-height:44px;
  }
  .hub416-search{
    gap:8px;
    border-radius:18px;
  }
  .hub416-search input{
    height:46px;
    padding:0 12px;
  }
  .hub416-search button{
    height:46px;
    min-width:82px;
    padding:0 10px;
  }
  .hub416-fast-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    border-radius:18px;
  }
  .hub416-fast-actions a{
    min-height:44px;
    padding:0 8px;
    font-size:.88rem;
  }
}