/* Vellust 5.58.1 - definitive header and gradient refresh */
html,body{background-color:#08060d!important}
body{background:radial-gradient(ellipse 85% 430px at 18% 85px,rgba(143,44,214,.32) 0,transparent 80%),radial-gradient(ellipse 68% 380px at 92% 260px,rgba(100,26,174,.17),transparent 82%),linear-gradient(180deg,#180a28 0px,#0a0711 780px,#08060d 1100px)!important;background-attachment:scroll!important;color:#f7f2fb}
.topbar{background:linear-gradient(108deg,rgba(29,13,43,.96),rgba(10,8,20,.94))!important;border-bottom:1px solid rgba(193,105,250,.34)!important;box-shadow:0 8px 26px rgba(96,30,150,.20),inset 0 -1px rgba(213,151,255,.05)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important;backdrop-filter:blur(20px) saturate(135%)!important}
.topbar .logo .brand-image{filter:drop-shadow(0 0 9px rgba(188,68,253,.35))!important}
.topbar .shell.nav{gap:12px!important}
.topbar button{transition:background-color .18s ease,border-color .18s ease}
.topbar .mobile-menu,.topbar .v549-action{background:rgba(153,74,196,.13)!important;border:1px solid rgba(196,127,242,.28)!important;border-radius:13px!important}
.topbar .mobile-menu:hover,.topbar .v549-action:hover{background:rgba(167,84,216,.22)!important}
.mobile-drawer{background:linear-gradient(155deg,rgba(30,16,47,.98),rgba(15,10,26,.99))!important;border-bottom:1px solid rgba(188,102,241,.32)!important;box-shadow:0 20px 50px rgba(0,0,0,.60)!important}
@media(max-width:700px){.topbar .shell.nav{gap:7px!important;padding-inline:12px!important}.topbar .logo .brand-image{max-width:clamp(112px,33vw,158px)!important}}
@media(prefers-reduced-motion:reduce){.topbar button{transition:none}}