:root{
  --b3d-bg:#07101e;
  --b3d-panel:#0d1a2e;
  --b3d-line:rgba(99,166,255,.26);
  --b3d-cyan:#34d6ff;
  --b3d-blue:#4d7dff;
  --b3d-violet:#8858ff;
}
#b3d-nas-brand-header{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:14px clamp(18px,4vw,52px);margin:0 0 20px;
  min-height:96px;
  background:
    radial-gradient(circle at 9% 30%,rgba(52,214,255,.16),transparent 24%),
    radial-gradient(circle at 92% 20%,rgba(136,88,255,.13),transparent 22%),
    linear-gradient(135deg,#071323 0%,#102747 52%,#07101e 100%);
  border-bottom:1px solid rgba(89,180,255,.36);
  color:#f6f9ff;
  box-shadow:0 12px 36px rgba(0,0,0,.30),inset 0 -1px 0 rgba(255,255,255,.025)
}
#b3d-nas-brand-header::before{
  content:"";position:absolute;inset:-100% 40% -100% -12%;z-index:-1;
  background:linear-gradient(110deg,transparent 20%,rgba(85,207,255,.08) 48%,transparent 72%);
  transform:skewX(-15deg);pointer-events:none
}
#b3d-nas-brand-header .b3d-left,#b3d-nas-brand-header .b3d-right{display:flex;align-items:center;gap:16px}
#b3d-nas-brand-header .b3d-app-logo{
  width:76px;height:76px;flex:0 0 76px;
  background:url("branding/bureau3d-logo.png") center/contain no-repeat;
  filter:drop-shadow(0 0 11px rgba(52,214,255,.58)) drop-shadow(0 0 24px rgba(91,91,255,.34));
  transform:translateZ(0)
}
#b3d-nas-brand-header .b3d-title{font-size:1.55rem;font-weight:900;letter-spacing:-.025em;text-shadow:0 0 18px rgba(90,183,255,.16)}
#b3d-nas-brand-header .b3d-subtitle{color:#c5d4ea;font-size:.90rem;margin-top:2px}
#b3d-nas-brand-header .b3d-producer-text{color:#c3d1e4;font-size:.88rem;line-height:1.35;text-align:right}
#b3d-nas-brand-header .b3d-producer-text strong{color:#fff;font-size:1.02rem}
#b3d-nas-brand-header .b3d-producer-logo{
  width:178px;height:66px;flex:0 0 178px;
  background:url("branding/rakam-production-logo.png") center/contain no-repeat;
  filter:drop-shadow(0 0 9px rgba(52,214,255,.42)) drop-shadow(0 0 22px rgba(0,0,0,.55))
}
#b3d-nas-brand-footer{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:34px;padding:18px clamp(18px,4vw,52px);
  border-top:1px solid rgba(89,180,255,.2);
  background:linear-gradient(180deg,rgba(7,16,30,0),rgba(8,20,37,.7));
  color:#8fa2be;font-size:.86rem
}
#b3d-nas-brand-footer .b3d-footer-logo{
  width:150px;height:52px;background:url("branding/rakam-production-logo.png") center/contain no-repeat;
  filter:drop-shadow(0 0 9px rgba(52,214,255,.25))
}
@media(max-width:760px){
  #b3d-nas-brand-header{min-height:0;align-items:flex-start;padding:12px 14px;gap:12px}
  #b3d-nas-brand-header .b3d-app-logo{width:58px;height:58px;flex-basis:58px}
  #b3d-nas-brand-header .b3d-title{font-size:1.22rem}
  #b3d-nas-brand-header .b3d-subtitle{font-size:.76rem}
  #b3d-nas-brand-header .b3d-producer-text{display:none}
  #b3d-nas-brand-header .b3d-producer-logo{width:110px;height:50px;flex-basis:110px}
  #b3d-nas-brand-footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  #b3d-nas-brand-header .b3d-subtitle{max-width:165px}
  #b3d-nas-brand-header .b3d-producer-logo{width:88px;flex-basis:88px}
}