*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-\[18\%\]{left:18%;right:18%}.-left-\[7px\]{left:-7px}.-right-4{right:-1rem}.-right-6{right:-1.5rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.left-\[22px\]{left:22px}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-4{right:1rem}.right-40{right:10rem}.right-52{right:13rem}.right-\[8\%\]{right:8%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-2\.5{top:.625rem}.top-28{top:7rem}.top-3{top:.75rem}.top-4{top:1rem}.top-52{top:13rem}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/1\]{aspect-ratio:4/1}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[3px\]{height:3px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-44{max-height:11rem}.max-h-72{max-height:18rem}.max-h-\[calc\(100vh-4rem\)\]{max-height:calc(100vh - 4rem)}.min-h-11{min-height:2.75rem}.min-h-\[110px\]{min-height:110px}.min-h-\[220px\]{min-height:220px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-\[220px\]{width:220px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[560px\]{min-width:560px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-prose{max-width:65ch}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-6{--tw-translate-y:1.5rem}.transform,.translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-floaty{animation:floaty 6s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.scroll-mt-6{scroll-margin-top:1.5rem}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[40px_1fr_auto\]{grid-template-columns:40px 1fr auto}.grid-cols-\[auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-black\/10>:not([hidden])~:not([hidden]){border-color:rgba(0,0,0,.1)}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.05)}.justify-self-start{justify-self:start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-\[3px\]{border-left-width:3px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#5865f2\]\/40{border-color:rgba(88,101,242,.4)}.border-amber-500\/25{border-color:rgba(255,179,32,.25)}.border-amber-500\/30{border-color:rgba(255,179,32,.3)}.border-astro-400\/20{border-color:rgba(56,214,255,.2)}.border-astro-400\/30{border-color:rgba(56,214,255,.3)}.border-astro-400\/40{border-color:rgba(56,214,255,.4)}.border-astro-500\/30{border-color:rgba(11,187,230,.3)}.border-astro-500\/40{border-color:rgba(11,187,230,.4)}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-black\/15{border-color:rgba(0,0,0,.15)}.border-cosmic-400{--tw-border-opacity:1;border-color:rgb(138 92 255/var(--tw-border-opacity,1))}.border-cosmic-400\/40{border-color:rgba(138,92,255,.4)}.border-cosmic-400\/60{border-color:rgba(138,92,255,.6)}.border-red-400\/30{border-color:hsla(0,91%,71%,.3)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-red-500\/50{border-color:rgba(239,68,68,.5)}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-\[\#5865f2\]{--tw-bg-opacity:1;background-color:rgb(88 101 242/var(--tw-bg-opacity,1))}.bg-\[\#5865f2\]\/15{background-color:rgba(88,101,242,.15)}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(255 207 77/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(255 179 32/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(255,179,32,.1)}.bg-amber-500\/15{background-color:rgba(255,179,32,.15)}.bg-amber-500\/20{background-color:rgba(255,179,32,.2)}.bg-amber-500\/5{background-color:rgba(255,179,32,.05)}.bg-astro-400{--tw-bg-opacity:1;background-color:rgb(56 214 255/var(--tw-bg-opacity,1))}.bg-astro-400\/15{background-color:rgba(56,214,255,.15)}.bg-astro-500{--tw-bg-opacity:1;background-color:rgb(11 187 230/var(--tw-bg-opacity,1))}.bg-astro-500\/10{background-color:rgba(11,187,230,.1)}.bg-astro-500\/15{background-color:rgba(11,187,230,.15)}.bg-astro-500\/20{background-color:rgba(11,187,230,.2)}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/5{background-color:rgba(0,0,0,.05)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/\[0\.03\]{background-color:rgba(0,0,0,.03)}.bg-cosmic-500{--tw-bg-opacity:1;background-color:rgb(124 77 255/var(--tw-bg-opacity,1))}.bg-cosmic-500\/10{background-color:rgba(124,77,255,.1)}.bg-cosmic-500\/15{background-color:rgba(124,77,255,.15)}.bg-cosmic-500\/20{background-color:rgba(124,77,255,.2)}.bg-cosmic-500\/25{background-color:rgba(124,77,255,.25)}.bg-current{background-color:currentColor}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/15{background-color:rgba(239,68,68,.15)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-500\/20{background-color:rgba(100,116,139,.2)}.bg-transparent{background-color:transparent}.bg-void-800{--tw-bg-opacity:1;background-color:rgb(20 16 52/var(--tw-bg-opacity,1))}.bg-void-850\/60{background-color:rgba(15,11,40,.6)}.bg-void-900{--tw-bg-opacity:1;background-color:rgb(10 7 32/var(--tw-bg-opacity,1))}.bg-void-900\/40{background-color:rgba(10,7,32,.4)}.bg-void-900\/50{background-color:rgba(10,7,32,.5)}.bg-void-900\/55{background-color:rgba(10,7,32,.55)}.bg-void-900\/60{background-color:rgba(10,7,32,.6)}.bg-void-900\/80{background-color:rgba(10,7,32,.8)}.bg-void-950{--tw-bg-opacity:1;background-color:rgb(5 4 20/var(--tw-bg-opacity,1))}.bg-void-950\/80{background-color:rgba(5,4,20,.8)}.bg-void-950\/85{background-color:rgba(5,4,20,.85)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.025\]{background-color:hsla(0,0%,100%,.025)}.bg-\[radial-gradient\(rgba\(255\2c 255\2c 255\2c 0\.07\)_1px\2c transparent_1px\)\]{background-image:radial-gradient(hsla(0,0%,100%,.07) 1px,transparent 0)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:#ffcf4d var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,207,77,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-astro-400{--tw-gradient-from:#38d6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(56,214,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/15{--tw-gradient-from:rgba(0,0,0,.15) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-400{--tw-gradient-from:#8a5cff var(--tw-gradient-from-position);--tw-gradient-to:rgba(138,92,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-500{--tw-gradient-from:#7c4dff var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,77,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-500\/10{--tw-gradient-from:rgba(124,77,255,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,77,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-500\/25{--tw-gradient-from:rgba(124,77,255,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,77,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-600{--tw-gradient-from:#6a2fe6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(106,47,230,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-700{--tw-gradient-from:#5a23c4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(90,35,196,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-800{--tw-gradient-from:#471c9c var(--tw-gradient-from-position);--tw-gradient-to:rgba(71,28,156,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cosmic-800\/60{--tw-gradient-from:rgba(71,28,156,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(71,28,156,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-nova-400{--tw-gradient-from:#ef7dff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,125,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-400{--tw-gradient-from:#38bdf8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(56,189,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-500{--tw-gradient-from:#64748b var(--tw-gradient-from-position);--tw-gradient-to:rgba(100,116,139,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-void-900\/70{--tw-gradient-from:rgba(10,7,32,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,7,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-void-900\/80{--tw-gradient-from:rgba(10,7,32,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,7,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-void-950\/70{--tw-gradient-from:rgba(5,4,20,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,4,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-void-950\/80{--tw-gradient-from:rgba(5,4,20,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,4,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cosmic-600{--tw-gradient-to:rgba(106,47,230,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#6a2fe6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-nova-500{--tw-gradient-to:rgba(225,75,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e14bf0 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-void-950\/70{--tw-gradient-to:rgba(5,4,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(5,4,20,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-void-950\/75{--tw-gradient-to:rgba(5,4,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(5,4,20,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-void-950\/80{--tw-gradient-to:rgba(5,4,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(5,4,20,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-600{--tw-gradient-to:#e6960a var(--tw-gradient-to-position)}.to-astro-400{--tw-gradient-to:#38d6ff var(--tw-gradient-to-position)}.to-astro-500{--tw-gradient-to:#0bbbe6 var(--tw-gradient-to-position)}.to-astro-500\/20{--tw-gradient-to:rgba(11,187,230,.2) var(--tw-gradient-to-position)}.to-astro-600{--tw-gradient-to:#0a97bd var(--tw-gradient-to-position)}.to-cosmic-600{--tw-gradient-to:#6a2fe6 var(--tw-gradient-to-position)}.to-cosmic-700{--tw-gradient-to:#5a23c4 var(--tw-gradient-to-position)}.to-nova-500{--tw-gradient-to:#e14bf0 var(--tw-gradient-to-position)}.to-nova-600{--tw-gradient-to:#c02fd0 var(--tw-gradient-to-position)}.to-pink-700{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.to-sky-700{--tw-gradient-to:#0369a1 var(--tw-gradient-to-position)}.to-slate-700{--tw-gradient-to:#334155 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-teal-700{--tw-gradient-to:#0f766e var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-void-850\/40{--tw-gradient-to:rgba(15,11,40,.4) var(--tw-gradient-to-position)}.to-void-900{--tw-gradient-to:#0a0720 var(--tw-gradient-to-position)}.to-void-950{--tw-gradient-to:#050414 var(--tw-gradient-to-position)}.to-void-950\/60{--tw-gradient-to:rgba(5,4,20,.6) var(--tw-gradient-to-position)}.bg-\[length\:14px_14px\]{background-size:14px 14px}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.\!p-0{padding:0!important}.\!p-3{padding:.75rem!important}.\!p-4{padding:1rem!important}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}.pt-14{padding-top:3.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display),system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-8{line-height:2rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#3b82f6\]{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-\[\#c7cdff\]{--tw-text-opacity:1;color:rgb(199 205 255/var(--tw-text-opacity,1))}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(255 223 122/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(255 207 77/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(255 179 32/var(--tw-text-opacity,1))}.text-astro-300{--tw-text-opacity:1;color:rgb(126 233 255/var(--tw-text-opacity,1))}.text-astro-400{--tw-text-opacity:1;color:rgb(56 214 255/var(--tw-text-opacity,1))}.text-cosmic-100{--tw-text-opacity:1;color:rgb(229 219 255/var(--tw-text-opacity,1))}.text-cosmic-200{--tw-text-opacity:1;color:rgb(203 184 255/var(--tw-text-opacity,1))}.text-cosmic-300{--tw-text-opacity:1;color:rgb(169 139 255/var(--tw-text-opacity,1))}.text-cosmic-500{--tw-text-opacity:1;color:rgb(124 77 255/var(--tw-text-opacity,1))}.text-cosmic-600{--tw-text-opacity:1;color:rgb(106 47 230/var(--tw-text-opacity,1))}.text-cosmic-700{--tw-text-opacity:1;color:rgb(90 35 196/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-nova-300{--tw-text-opacity:1;color:rgb(246 184 255/var(--tw-text-opacity,1))}.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-void-950{--tw-text-opacity:1;color:rgb(5 4 20/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/90{color:hsla(0,0%,100%,.9)}.accent-cosmic-500{accent-color:#7c4dff}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_22px_-8px_\#fbbf24\]{--tw-shadow:0 0 22px -8px #fbbf24;--tw-shadow-colored:0 0 22px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\2c 0_20px_40px_-20px_\#000\]{--tw-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 20px 40px -20px #000;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color),0 20px 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_2px_0_0_0_\#7c4dff\2c 0_0_18px_-8px_\#7c4dff\]{--tw-shadow:inset 2px 0 0 0 #7c4dff,0 0 18px -8px #7c4dff;--tw-shadow-colored:inset 2px 0 0 0 var(--tw-shadow-color),0 0 18px -8px var(--tw-shadow-color)}.shadow-\[inset_2px_0_0_0_\#7c4dff\2c 0_0_18px_-8px_\#7c4dff\],.shadow-block{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-block{--tw-shadow:0 6px 0 0 rgba(0,0,0,.4);--tw-shadow-colored:0 6px 0 0 var(--tw-shadow-color)}.shadow-block-sm{--tw-shadow:0 4px 0 0 rgba(0,0,0,.35);--tw-shadow-colored:0 4px 0 0 var(--tw-shadow-color)}.shadow-block-sm,.shadow-glow{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-glow{--tw-shadow:0 0 24px rgba(124,77,255,.45);--tw-shadow-colored:0 0 24px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-cosmic-400{--tw-ring-opacity:1;--tw-ring-color:rgb(138 92 255/var(--tw-ring-opacity,1))}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-2xl,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}:root{--font-sans:"Inter",system-ui,sans-serif;--font-display:"Inter",system-ui,sans-serif}html{scroll-behavior:smooth}body{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(10 7 32/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark body,body{--tw-text-opacity:1}.dark body{color:rgb(241 245 249/var(--tw-text-opacity,1));background-color:#05041a;background-image:radial-gradient(1200px 600px at 15% -10%,rgba(124,77,255,.2),transparent 60%),radial-gradient(1000px 700px at 100% 0,rgba(56,214,255,.12),transparent 55%),radial-gradient(900px 700px at 50% 120%,rgba(225,75,240,.12),transparent 55%);background-attachment:fixed}.stars,.stars:after{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,hsla(0,0%,100%,.8),transparent),radial-gradient(1.5px 1.5px at 200px 160px,#cbb8ff,transparent),radial-gradient(1px 1px at 300px 60px,#7ee9ff,transparent),radial-gradient(1px 1px at 380px 220px,#fff,transparent),radial-gradient(1.5px 1.5px at 500px 120px,#f6b8ff,transparent)}.starfield,.stars,.stars:after{background-repeat:repeat;background-size:600px 400px}.starfield{pointer-events:none;position:absolute;inset:0;opacity:.7;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,hsla(0,0%,100%,.7),transparent),radial-gradient(1.5px 1.5px at 200px 160px,#cbb8ff,transparent),radial-gradient(1px 1px at 320px 60px,#7ee9ff,transparent),radial-gradient(1px 1px at 420px 240px,#fff,transparent),radial-gradient(1.5px 1.5px at 520px 140px,#f6b8ff,transparent)}.bg-grid{background-image:linear-gradient(rgba(124,77,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(124,77,255,.08) 1px,transparent 0);background-size:30px 30px}.btn{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.25rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:active{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary{--tw-bg-opacity:1;background-color:rgb(124 77 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 6px 0 0 rgba(0,0,0,.4);--tw-shadow-colored:0 6px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.25rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:active{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(138 92 255/var(--tw-bg-opacity,1));--tw-shadow:0 0 24px rgba(124,77,255,.45);--tw-shadow-colored:0 0 24px var(--tw-shadow-color)}.btn-primary:active,.btn-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-primary:active{--tw-shadow:0 4px 0 0 rgba(0,0,0,.35);--tw-shadow-colored:0 4px 0 0 var(--tw-shadow-color)}.btn-amber{--tw-bg-opacity:1;background-color:rgb(255 179 32/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(5 4 20/var(--tw-text-opacity,1));--tw-shadow:0 6px 0 0 rgba(0,0,0,.4);--tw-shadow-colored:0 6px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.25rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-amber:active{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-amber:hover{--tw-bg-opacity:1;background-color:rgb(255 207 77/var(--tw-bg-opacity,1))}.btn-amber:active{--tw-shadow:0 4px 0 0 rgba(0,0,0,.35);--tw-shadow-colored:0 4px 0 0 var(--tw-shadow-color)}.btn-amber:active,.btn-astro{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-astro{--tw-bg-opacity:1;background-color:rgb(56 214 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(5 4 20/var(--tw-text-opacity,1));--tw-shadow:0 6px 0 0 rgba(0,0,0,.4);--tw-shadow-colored:0 6px 0 0 var(--tw-shadow-color);display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.25rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-astro:active{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-astro:hover{--tw-bg-opacity:1;background-color:rgb(126 233 255/var(--tw-bg-opacity,1));--tw-shadow:0 0 24px rgba(56,214,255,.4);--tw-shadow-colored:0 0 24px var(--tw-shadow-color)}.btn-astro:active,.btn-astro:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-astro:active{--tw-shadow:0 4px 0 0 rgba(0,0,0,.35);--tw-shadow-colored:0 4px 0 0 var(--tw-shadow-color)}.btn-ghost{border-width:2px;border-color:rgba(0,0,0,.15);display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.25rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost:active{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ghost:hover{background-color:rgba(0,0,0,.05)}.btn-ghost:is(.dark *){border-color:hsla(0,0%,100%,.2)}.btn-ghost:hover:is(.dark *){background-color:hsla(0,0%,100%,.05)}.card{border-radius:.75rem;border-width:1px;border-color:rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.8);padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.card:is(.dark *){border-color:hsla(0,0%,100%,.1);background-color:rgba(15,11,40,.7)}.card-glow{border-radius:.75rem;border-width:1px;border-color:rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.8);padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.card-glow:is(.dark *){background-color:rgba(15,11,40,.7);border-color:rgba(124,77,255,.3);--tw-shadow:0 0 24px rgba(124,77,255,.45);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container-x{margin-left:auto;margin-right:auto;width:100%;max-width:72rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-x{padding-left:1.5rem;padding-right:1.5rem}}.link-underline{text-decoration-line:underline;text-decoration-color:#38d6ff;text-decoration-thickness:2px;text-underline-offset:4px}.link-underline:hover{--tw-text-opacity:1;color:rgb(56 214 255/var(--tw-text-opacity,1))}.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#a98bff var(--tw-gradient-from-position);--tw-gradient-to:rgba(169,139,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(239,125,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ef7dff var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#38d6ff var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.md{line-height:1.7}.md>:first-child{margin-top:0}.md h1,.md h2,.md h3{font-family:var(--font-display);font-weight:800;line-height:1.2;margin:1.4em 0 .5em}.md h1{font-size:1.8rem}.md h2{font-size:1.4rem}.md h3{font-size:1.15rem}.md ol,.md p,.md ul{margin:.75em 0}.md ol,.md ul{padding-left:1.4em}.md ul{list-style:disc}.md ol{list-style:decimal}.md li{margin:.25em 0}.md a{color:#38d6ff;text-decoration:underline;text-underline-offset:3px}.md a:hover{color:#7ee9ff}.md strong{color:#f3f6fc;font-weight:700}.md code{font-family:ui-monospace,monospace;font-size:.9em;background:hsla(0,0%,100%,.08);padding:.15em .4em;border-radius:5px}.md pre{background:#0a0720;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:1em 0}.md pre code{background:none;padding:0}.md blockquote{border-left:3px solid #7c4dff;padding-left:14px;margin:1em 0;color:#9fb0d0}.md hr{border:0;border-top:1px solid hsla(0,0%,100%,.12);margin:1.5em 0}.md table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}.md td,.md th{border:1px solid hsla(0,0%,100%,.12);padding:8px 12px;text-align:left}.md th{background:hsla(0,0%,100%,.05)}.md img{max-width:100%;border-radius:10px;margin:1em 0}@keyframes snowfall{0%{transform:translateY(-10vh) translateX(0) rotate(0deg)}to{transform:translateY(110vh) translateX(40px) rotate(1turn)}}@keyframes batfly{0%{transform:translate(0) scaleX(1)}25%{transform:translate(30vw,-8vh) scaleX(1.1)}50%{transform:translate(60vw,6vh) scaleX(.9)}75%{transform:translate(30vw,-4vh) scaleX(1.1)}to{transform:translate(0) scaleX(1)}}@media (prefers-reduced-motion:reduce){@keyframes snowfall{0%,to{transform:none}}@keyframes batfly{0%,to{transform:none}}}@keyframes rank-rainbow-glow{0%,to{box-shadow:0 0 0 2px #f43f5e,0 0 15px #f43f5e}20%{box-shadow:0 0 0 2px #f59e0b,0 0 15px #f59e0b}40%{box-shadow:0 0 0 2px #22c55e,0 0 15px #22c55e}60%{box-shadow:0 0 0 2px #22d3ee,0 0 15px #22d3ee}80%{box-shadow:0 0 0 2px #a855f7,0 0 15px #a855f7}}.rank-glow-rainbow{animation:rank-rainbow-glow 4s linear infinite}@media (prefers-reduced-motion:reduce){.rank-glow-rainbow{animation:none;box-shadow:0 0 0 2px #f472b6,0 0 15px #22d3ee}}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-md::file-selector-button{border-radius:.375rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-cosmic-500::file-selector-button{--tw-bg-opacity:1;background-color:rgb(124 77 255/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-2\.5:after{content:var(--tw-content);left:.625rem;right:.625rem}.after\:-bottom-px:after{content:var(--tw-content);bottom:-1px}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-cosmic-400:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(138 92 255/var(--tw-bg-opacity,1))}.first\:border-t-0:first-child{border-top-width:0}.last\:border-0:last-child{border-width:0}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-black\/25:hover{border-color:rgba(0,0,0,.25)}.hover\:border-cosmic-400\/40:hover{border-color:rgba(138,92,255,.4)}.hover\:border-cosmic-400\/50:hover{border-color:rgba(138,92,255,.5)}.hover\:border-cosmic-400\/60:hover{border-color:rgba(138,92,255,.6)}.hover\:border-cosmic-500\/40:hover{border-color:rgba(124,77,255,.4)}.hover\:bg-\[\#5865f2\]\/25:hover{background-color:rgba(88,101,242,.25)}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(255 223 122/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/10:hover{background-color:rgba(255,179,32,.1)}.hover\:bg-astro-500\/10:hover{background-color:rgba(11,187,230,.1)}.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,.05)}.hover\:bg-cosmic-500\/10:hover{background-color:rgba(124,77,255,.1)}.hover\:bg-cosmic-500\/20:hover{background-color:rgba(124,77,255,.2)}.hover\:bg-cosmic-500\/25:hover{background-color:rgba(124,77,255,.25)}.hover\:bg-red-500\/10:hover{background-color:rgba(239,68,68,.1)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:bg-white\/90:hover{background-color:hsla(0,0%,100%,.9)}.hover\:text-astro-400:hover{--tw-text-opacity:1;color:rgb(56 214 255/var(--tw-text-opacity,1))}.hover\:text-cosmic-200:hover{--tw-text-opacity:1;color:rgb(203 184 255/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-slate-100:hover{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_26px_-6px_\#fbbf24\]:hover{--tw-shadow:0 0 26px -6px #fbbf24;--tw-shadow-colored:0 0 26px -6px var(--tw-shadow-color)}.hover\:shadow-\[0_0_26px_-6px_\#fbbf24\]:hover,.hover\:shadow-glow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-glow:hover{--tw-shadow:0 0 24px rgba(124,77,255,.45);--tw-shadow-colored:0 0 24px var(--tw-shadow-color)}.focus\:border-cosmic-400:focus{--tw-border-opacity:1;border-color:rgb(138 92 255/var(--tw-border-opacity,1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-amber-300:focus-visible{outline-color:#ffdf7a}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}.group:hover .group-hover\:scale-105,.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-cosmic-200{--tw-text-opacity:1;color:rgb(203 184 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@supports (backdrop-filter:var(--tw )){.supports-\[backdrop-filter\]\:bg-void-950\/70{background-color:rgba(5,4,20,.7)}}.dark\:divide-white\/10:is(.dark *)>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/15:is(.dark *){border-color:hsla(0,0%,100%,.15)}.dark\:border-white\/20:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:bg-void-700\/50:is(.dark *){background-color:rgba(27,23,64,.5)}.dark\:bg-void-850:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 11 40/var(--tw-bg-opacity,1))}.dark\:bg-void-850\/70:is(.dark *){background-color:rgba(15,11,40,.7)}.dark\:bg-void-900\/95:is(.dark *){background-color:rgba(10,7,32,.95)}.dark\:bg-white\/10:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:from-white\/15:is(.dark *){--tw-gradient-from:hsla(0,0%,100%,.15) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:text-cosmic-300:is(.dark *){--tw-text-opacity:1;color:rgb(169 139 255/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/25:hover:is(.dark *){border-color:hsla(0,0%,100%,.25)}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-3{grid-column:span 3/span 3}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1\.5fr_auto_auto\]{grid-template-columns:1fr 1.5fr auto auto}.sm\:grid-cols-\[auto_minmax\(180px\2c 1fr\)_110px_auto\]{grid-template-columns:auto minmax(180px,1fr) 110px auto}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-start-auto{grid-column-start:auto}.md\:row-start-auto{grid-row-start:auto}.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:grid-cols-\[40px_minmax\(0\2c 1\.1fr\)_auto_minmax\(0\2c 1\.6fr\)_auto\]{grid-template-columns:40px minmax(0,1.1fr) auto minmax(0,1.6fr) auto}.md\:grid-cols-\[minmax\(220px\2c 1fr\)_220px_160px_auto\]{grid-template-columns:minmax(220px,1fr) 220px 160px auto}.md\:flex-row{flex-direction:row}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[calc\(100vh-7rem\)\]{height:calc(100vh - 7rem)}.lg\:w-64{width:16rem}.lg\:w-72{width:18rem}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1fr_2fr_auto\]{grid-template-columns:1fr 1fr 2fr auto}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:overflow-y-auto{overflow-y:auto}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:pr-3{padding-right:.75rem}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}@media (min-width:1536px){.\32xl\:inline-flex{display:inline-flex}}
/* ==========================================================================
   Beyond Horizons theme overrides
   Carries the Team page's visual language (accent bars, gradient rules,
   tinted badges, soft glows) across the rest of the site. Appended to the
   compiled Tailwind bundle by apply-theme.ps1.
   ========================================================================== */

/* ---- Global polish ---------------------------------------------------- */
::selection { background: rgba(124, 77, 255, .45); color: #fff; }

:focus-visible {
  outline: 2px solid #a98bff;
  outline-offset: 2px;
  border-radius: 6px;
}

.dark { color-scheme: dark; scrollbar-color: #371673 #05041a; }
.dark ::-webkit-scrollbar { width: 10px; height: 10px; }
.dark ::-webkit-scrollbar-track { background: #05041a; }
.dark ::-webkit-scrollbar-thumb {
  background: linear-gradient(#5a23c4, #371673);
  border: 2px solid #05041a;
  border-radius: 999px;
}

/* ---- Footer hairline -------------------------------------------------- */
footer.border-t {
  border-image: linear-gradient(90deg, transparent, rgba(124, 77, 255, .55) 30%, rgba(56, 214, 255, .4) 70%, transparent) 1;
}

/* ---- Page hero (shared PageHeader) ----------------------------------- */
main > section.bg-grid:first-child { border-bottom-color: transparent; }
main > section.bg-grid:first-child::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(169, 139, 255, .55) 25%, rgba(239, 125, 255, .45) 50%, rgba(56, 214, 255, .45) 75%, transparent);
}
main > section.bg-grid:first-child h1 { text-shadow: 0 2px 24px rgba(5, 4, 20, .6); }

/* Hero eyebrow: short leading tick, as on the Team page heading */
section.bg-grid .font-mono.uppercase.tracking-widest.mb-2 {
  display: flex;
  align-items: center;
  gap: .6rem;
}
section.bg-grid .font-mono.uppercase.tracking-widest.mb-2::before {
  content: "";
  width: 1.5rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #a98bff, #ef7dff);
  box-shadow: 0 0 10px rgba(169, 139, 255, .7);
}

/* Section eyebrows ("Three steps", "Latest news"...): trailing gradient rule,
   matching the Team page's "Senior Leadership Team" dividers. */
.font-mono.uppercase.tracking-widest.mb-2.text-cosmic-500 {
  display: flex;
  align-items: center;
  gap: .75rem;
  letter-spacing: .2em;
}
.dark .font-mono.uppercase.tracking-widest.mb-2.text-cosmic-500 { color: #a98bff; }
.font-mono.uppercase.tracking-widest.mb-2.text-cosmic-500::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .15), transparent);
}
.dark .font-mono.uppercase.tracking-widest.mb-2.text-cosmic-500::after {
  background: linear-gradient(90deg, rgba(169, 139, 255, .35), rgba(255, 255, 255, .06) 40%, transparent);
}

/* ---- Cards: rank-style accent bar + top tint ------------------------- */
.card:not(.absolute):not(.fixed):not(.sticky),
.card-glow:not(.absolute):not(.fixed):not(.sticky) { position: relative; }

.card, .card-glow {
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.dark .card, .dark .card-glow {
  background-image: linear-gradient(to bottom, rgba(124, 77, 255, .09), transparent 55%);
}
.card::before, .card-glow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18%;
  right: 18%;
  height: 2px;
  border-radius: 0 0 4px 4px;
  pointer-events: none;
  background: linear-gradient(90deg, #8a5cff, #ef7dff, #38d6ff);
  opacity: .55;
  transition: opacity .3s ease, left .3s ease, right .3s ease;
}

/* Interactive cards brighten like the Team member cards */
a.card:hover, .card.transition-transform:hover, .card.group:hover {
  border-color: rgba(169, 139, 255, .4);
}
.dark a.card:hover, .dark .card.transition-transform:hover, .dark .card.group:hover {
  box-shadow: 0 0 0 1px rgba(169, 139, 255, .15), 0 12px 32px -12px rgba(124, 77, 255, .55);
}
a.card:hover::before, .card.transition-transform:hover::before, .card.group:hover::before {
  opacity: 1;
  left: 8%;
  right: 8%;
}

/* ---- Numbered badges (Play "How to join", Support report steps) ------ */
.card > .absolute.-top-4.bg-cosmic-500 {
  background: #1b1440;
  color: #e5dbff;
  border-radius: .75rem;
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .5), 0 0 18px -4px #7c4dff;
}
.dark ol li > span.bg-cosmic-500\/15 {
  border-radius: .5rem;
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .35);
}

/* ---- FAQ accordions --------------------------------------------------- */
details.group.p-5 { position: relative; transition: background-color .2s ease; }
details.group.p-5:hover { background-color: rgba(124, 77, 255, .05); }
details.group.p-5[open] { background-color: rgba(124, 77, 255, .07); }
details.group.p-5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: linear-gradient(#a98bff, #38d6ff);
  opacity: 0;
  transition: opacity .2s ease;
}
details.group.p-5[open]::before { opacity: 1; }
details.group.p-5 > summary { list-style: none; }
details.group.p-5 > summary::-webkit-details-marker { display: none; }
details.group.p-5 > summary > span {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  margin-left: 1rem;
  border-radius: .5rem;
  font-size: 1.1rem;
  line-height: 1;
  background: rgba(124, 77, 255, .15);
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .35);
}

/* ---- Buttons ---------------------------------------------------------- */
.btn-primary, .btn-amber, .btn-astro, .btn-ghost {
  transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease;
}
.btn-primary:hover, .btn-amber:hover, .btn-astro:hover { transform: translateY(-1px); }
.btn-primary:active, .btn-amber:active, .btn-astro:active { transform: translateY(2px); }
.dark .btn-amber:hover { box-shadow: 0 6px 0 0 rgba(0, 0, 0, .4), 0 0 22px rgba(255, 179, 32, .35); }

/* ---- Markdown pages (About, News, Wiki) ------------------------------- */
.md h1, .md h2 {
  padding-bottom: .4em;
  background: linear-gradient(90deg, rgba(169, 139, 255, .45), rgba(255, 255, 255, .06) 45%, transparent) left bottom / 100% 1px no-repeat;
}
.md ul > li::marker { color: #a98bff; }
.md ol > li::marker { color: #a98bff; font-weight: 700; }
.md blockquote {
  border-left: 3px solid transparent;
  border-image: linear-gradient(#a98bff, #ef7dff) 1;
  background: linear-gradient(90deg, rgba(124, 77, 255, .12), transparent 80%);
  padding: .75em 1em;
  border-radius: 0 10px 10px 0;
  color: #cbb8ff;
}
.md img { box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 32px -16px rgba(0, 0, 0, .8); }
.md hr {
  border-top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(169, 139, 255, .45), transparent);
}

/* Article banner image (About, news posts) */
article.container-x > .relative.overflow-hidden.rounded-2xl {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 0 40px -12px rgba(124, 77, 255, .6);
}

/* ---- Accessibility ---------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .card, .card-glow, .card::before, .card-glow::before,
  .btn-primary, .btn-amber, .btn-astro, .btn-ghost { transition: none; }
  .btn-primary:hover, .btn-amber:hover, .btn-astro:hover { transform: none; }
}

/* ==========================================================================
   Home page redesign styles (paired with home-redesign/home.js)
   ========================================================================== */
:root {
  --bh-surface: rgba(255, 255, 255, .85);
  --bh-surface-2: rgba(124, 77, 255, .06);
  --bh-border: rgba(0, 0, 0, .1);
  --bh-text: #0a0720;
  --bh-muted: #64748b;
}
.dark {
  --bh-surface: rgba(15, 11, 40, .72);
  --bh-surface-2: rgba(124, 77, 255, .08);
  --bh-border: rgba(255, 255, 255, .1);
  --bh-text: #f1f5f9;
  --bh-muted: #94a3b8;
}

.bh-section { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.bh-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.bh-section-head > :first-child { flex: 1; min-width: 0; }

.bh-tone-cosmic { color: #a98bff; }
.bh-tone-astro { color: #38d6ff; }
.bh-tone-nova { color: #ef7dff; }
.bh-tone-amber { color: #ffcf4d; }

/* ---- Hero ---- */
.bh-hero { position: relative; overflow: hidden; isolation: isolate; color: #f1f5f9; }
.bh-hero-shade {
  position: absolute; inset: 0; z-index: 0;
  background:
    linear-gradient(90deg, rgba(5, 4, 20, .92) 0%, rgba(5, 4, 20, .7) 45%, rgba(5, 4, 20, .35) 100%),
    linear-gradient(to bottom, rgba(5, 4, 20, .2) 0%, rgba(5, 4, 20, .55) 60%, #05041a 100%);
}
.bh-hero-grid {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(124, 77, 255, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 77, 255, .09) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 30% 40%, #000 20%, transparent 75%);
  mask-image: radial-gradient(ellipse 70% 60% at 30% 40%, #000 20%, transparent 75%);
}
.bh-hero .starfield { z-index: 0; }
.bh-aurora { position: absolute; z-index: 0; border-radius: 999px; filter: blur(80px); pointer-events: none; opacity: .55; }
.bh-aurora-a { width: 520px; height: 520px; left: -160px; top: -120px; background: radial-gradient(circle, rgba(124, 77, 255, .55), transparent 65%); }
.bh-aurora-b { width: 460px; height: 460px; right: -120px; bottom: 40px; background: radial-gradient(circle, rgba(56, 214, 255, .35), transparent 65%); }
.bh-planet {
  position: absolute; z-index: 0; right: 3%; top: 9%;
  font-size: 5.5rem; opacity: .85; pointer-events: none;
  filter: drop-shadow(0 0 30px rgba(255, 179, 32, .35));
  animation: floaty 6s ease-in-out infinite;
}
@media (max-width: 767px) { .bh-planet { display: none; } }
.bh-hero-inner {
  position: relative; z-index: 1;
  display: grid; gap: 3rem; align-items: center;
  padding-top: 5rem; padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .bh-hero-inner { grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); padding-top: 6.5rem; }
}
.bh-hero-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1.25rem; }
.bh-pill {
  display: inline-flex; align-items: center; gap: .5rem;
  border-radius: 999px; padding: .3rem .8rem;
  font-size: .875rem; font-weight: 500; color: #e5dbff;
  background: rgba(124, 77, 255, .14);
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .4);
  backdrop-filter: blur(6px);
}
.bh-kicker-text {
  display: inline-flex; align-items: center; gap: .6rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .72rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #cbb8ff;
}
.bh-kicker-text::before {
  content: ""; width: 1.5rem; height: 2px; border-radius: 999px;
  background: linear-gradient(90deg, #a98bff, #ef7dff);
  box-shadow: 0 0 10px rgba(169, 139, 255, .7);
}
.bh-hero-title {
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(2.6rem, 6.2vw, 4.6rem); line-height: 1.02; letter-spacing: -.02em;
  color: #fff; text-shadow: 0 4px 40px rgba(5, 4, 20, .6);
}
.bh-hero-title .text-gradient { display: inline-block; padding-bottom: .08em; text-shadow: none; }
.bh-hero-lead { margin-top: 1.25rem; max-width: 36rem; font-size: 1.125rem; line-height: 1.65; color: #cbd5e1; }

.bh-join {
  margin-top: 1.75rem; max-width: 36rem;
  display: flex; flex-direction: column; gap: 1rem;
  padding: 1rem 1rem 1rem 1.25rem; border-radius: 1rem;
  background: linear-gradient(135deg, rgba(27, 23, 64, .8), rgba(10, 7, 32, .8));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 18px 40px -20px rgba(124, 77, 255, .6);
  backdrop-filter: blur(10px);
}
@media (min-width: 640px) { .bh-join { flex-direction: row; align-items: center; } }
.bh-join-main { flex: 1; min-width: 0; }
.bh-join-label { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #94a3b8; }
.bh-join-ip { margin-top: .15rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.15rem; font-weight: 700; color: #fff; overflow-wrap: anywhere; }
.bh-join-chips { margin-top: .6rem; display: flex; flex-wrap: wrap; gap: .4rem; }
.bh-chip {
  border-radius: 999px; padding: .15rem .6rem;
  font-size: .72rem; font-weight: 600; color: #cbb8ff;
  background: rgba(124, 77, 255, .14); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .25);
}
.bh-cta-row { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .75rem; }

.bh-hero-side { display: flex; flex-direction: column; gap: 1rem; width: 100%; max-width: 26rem; justify-self: center; }
@media (min-width: 1024px) { .bh-hero-side { justify-self: end; } }
.bh-worlds-mini {
  position: relative; border-radius: 1rem; padding: 1rem;
  background: rgba(15, 11, 40, .72); backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.bh-mini-label {
  margin: 0 .25rem .5rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .68rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #94a3b8;
}
.bh-world-mini {
  display: flex; align-items: center; gap: .85rem;
  padding: .6rem; border-radius: .75rem;
  transition: background-color .2s ease;
}
.bh-world-mini:hover { background: rgba(124, 77, 255, .14); }
.bh-world-mini-icon {
  display: grid; place-items: center; width: 2.6rem; height: 2.6rem; flex-shrink: 0;
  font-size: 1.5rem; border-radius: .75rem;
  background: rgba(124, 77, 255, .15); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .3);
}
.bh-world-mini-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.bh-world-mini-text strong { font-weight: 700; color: #f1f5f9; }
.bh-world-mini-text small { font-size: .75rem; color: #ffcf4d; }
.bh-world-mini-arrow { color: #a98bff; transition: transform .2s ease; }
.bh-world-mini:hover .bh-world-mini-arrow { transform: translateX(3px); }

.bh-status {
  position: relative; border-radius: 1rem; padding: 1rem 1.1rem;
  background: rgba(15, 11, 40, .72); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 0 30px -14px rgba(124, 77, 255, .6);
}
.bh-status::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #8a5cff, #ef7dff, #38d6ff); opacity: .6;
}
.bh-status-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .6rem; }
.bh-status-top .bh-mini-label { margin: 0; }
.bh-status-live { border-radius: 999px; padding: .2rem .65rem; color: #e2e8f0; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.bh-status-rows { display: grid; gap: .45rem; }
.bh-status-rows > div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .65rem; border-radius: .6rem; background: rgba(255, 255, 255, .04); }
.bh-status-rows dt { font-size: .85rem; color: #94a3b8; }
.bh-status-rows dd { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; font-weight: 700; color: #f1f5f9; text-align: right; }

.bh-stats-wrap { position: relative; z-index: 1; padding-bottom: 3.5rem; }
.bh-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
@media (min-width: 1024px) { .bh-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bh-stat {
  position: relative; border-radius: .9rem; padding: 1rem 1.1rem;
  background: linear-gradient(to bottom, rgba(124, 77, 255, .1), rgba(15, 11, 40, .7) 60%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09);
  backdrop-filter: blur(8px);
}
.bh-stat::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #8a5cff, #ef7dff, #38d6ff); opacity: .55;
}
.bh-stat-value { font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.bh-stat-label { margin-top: .15rem; font-size: .8rem; color: #94a3b8; }

/* ---- Worlds ---- */
.bh-worlds { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .bh-worlds { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bh-world {
  height: 100%; display: flex; flex-direction: column; overflow: hidden;
  border-radius: 1.1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.bh-world:hover { transform: translateY(-4px); border-color: rgba(169, 139, 255, .4); box-shadow: 0 18px 40px -18px rgba(124, 77, 255, .6); }
.bh-world-banner {
  position: relative; height: 8.5rem;
  display: flex; align-items: flex-end; justify-content: space-between; padding: 1rem 1.4rem;
}
.bh-world-banner > .starfield { overflow: hidden; }
.bh-world-0 .bh-world-banner { background: radial-gradient(120% 140% at 0% 0%, rgba(45, 212, 191, .35), transparent 60%), linear-gradient(135deg, #0a97bd, #5a23c4); }
.bh-world-1 .bh-world-banner { background: radial-gradient(120% 140% at 100% 0%, rgba(239, 125, 255, .35), transparent 60%), linear-gradient(135deg, #6a2fe6, #15803d); }
.bh-world-2 .bh-world-banner { background: linear-gradient(135deg, #c02fd0, #e6960a); }
.bh-world-icon {
  position: relative; display: grid; place-items: center;
  width: 4.5rem; height: 4.5rem; font-size: 2.6rem; border-radius: 1.1rem;
  background: rgba(5, 4, 20, .45); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 10px 30px -10px rgba(0, 0, 0, .6);
  backdrop-filter: blur(6px); transform: translateY(1.75rem);
  transition: transform .3s ease;
}
.bh-world:hover .bh-world-icon { transform: translateY(1.75rem) scale(1.06) rotate(-3deg); }
.bh-world-tag {
  position: relative; align-self: flex-start;
  border-radius: 999px; padding: .2rem .7rem;
  font-size: .72rem; font-weight: 700; letter-spacing: .04em; color: #fff;
  background: rgba(5, 4, 20, .35); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
}
.bh-world-body { display: flex; flex: 1; flex-direction: column; padding: 2.4rem 1.4rem 1.4rem; }
.bh-world-name { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; color: var(--bh-text); }
.bh-world-blurb { margin-top: .5rem; color: var(--bh-muted); line-height: 1.6; }
.bh-world-features { margin-top: 1rem; display: grid; gap: .4rem; font-size: .9rem; color: var(--bh-text); }
.bh-world-features li { display: flex; gap: .55rem; align-items: baseline; }
.bh-world-features li::before { content: "\2713"; color: #38d6ff; font-weight: 800; flex-shrink: 0; }
.bh-world-link { margin-top: auto; padding-top: 1.25rem; font-weight: 700; color: #a98bff; }
.bh-world-link:hover { color: #cbb8ff; }

/* ---- News ---- */
.bh-news { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) { .bh-news { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.bh-news-feature-wrap { height: 100%; }
.bh-news-feature {
  height: 100%; display: flex; flex-direction: column; overflow: hidden;
  border-radius: 1.1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
  box-shadow: var(--bh-glow, none);
  transition: transform .3s ease, border-color .3s ease;
}
.bh-news-feature:hover { transform: translateY(-3px); border-color: rgba(169, 139, 255, .4); }
.bh-news-feature-media { position: relative; overflow: hidden; height: 17rem; display: grid; place-items: center; }
.bh-news-feature-media img { transition: transform .6s ease; }
.bh-news-feature:hover .bh-news-feature-media img { transform: scale(1.04); }
.bh-news-feature-body { padding: 1.5rem 1.6rem 1.6rem; }
.bh-news-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #38d6ff;
}
.bh-badge-amber { border-radius: 999px; padding: .1rem .5rem; color: #0a0720; background: #ffcf4d; letter-spacing: .1em; }
.bh-dot { width: 3px; height: 3px; border-radius: 999px; background: currentColor; opacity: .6; }
.bh-news-feature-title { margin-top: .7rem; font-family: var(--font-display); font-size: 1.65rem; font-weight: 800; line-height: 1.2; color: var(--bh-text); }
.bh-news-feature-summary { margin-top: .6rem; color: var(--bh-muted); line-height: 1.65; }

.bh-news-list { display: flex; flex-direction: column; gap: 1rem; }
.bh-news-row {
  display: flex; gap: 1rem; align-items: center; padding: .85rem;
  border-radius: 1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
  transition: transform .3s ease, border-color .3s ease;
}
.bh-news-row:hover { transform: translateX(4px); border-color: rgba(169, 139, 255, .4); }
.bh-news-row-thumb { position: relative; overflow: hidden; flex-shrink: 0; width: 7.5rem; height: 5.5rem; border-radius: .75rem; display: grid; place-items: center; }
.bh-news-row-body { min-width: 0; }
.bh-news-row-title { margin-top: .3rem; font-family: var(--font-display); font-weight: 700; line-height: 1.3; color: var(--bh-text); }
.bh-news-row-summary {
  margin-top: .25rem; font-size: .85rem; color: var(--bh-muted);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ---- Crew ---- */
.bh-crew { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
@media (min-width: 640px) { .bh-crew { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bh-crew { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.bh-crew-card {
  position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 1.2rem .6rem 1rem; border-radius: .9rem;
  border: 1px solid var(--bh-border);
  background: linear-gradient(to bottom, color-mix(in srgb, var(--rc) 18%, transparent), transparent 70%), var(--bh-surface);
  transition: transform .3s ease, box-shadow .3s ease;
}
.bh-crew-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -16px var(--rc); }
.bh-crew-bar { position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 4px 4px; background: var(--rc); }
.bh-crew-head {
  width: 3.5rem; height: 3.5rem; border-radius: .75rem; image-rendering: pixelated;
  box-shadow: 0 0 0 2px var(--rc), 0 0 18px -4px var(--rc);
  transition: transform .3s ease;
}
.bh-crew-card:hover .bh-crew-head { transform: scale(1.1); }
.bh-crew-name { margin-top: .7rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; font-size: .9rem; color: var(--bh-text); }
.bh-crew-rank {
  margin-top: .4rem; border-radius: 999px; padding: .1rem .5rem; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: .68rem; font-weight: 700; color: var(--rc);
  background: color-mix(in srgb, var(--rc) 15%, transparent);
}
.bh-crew-tenure { margin-top: .4rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; color: var(--bh-muted); }

/* ---- Vote + season ---- */
.bh-duo { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) { .bh-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bh-panel {
  position: relative; overflow: hidden; height: 100%;
  display: flex; flex-direction: column; padding: 1.75rem;
  border-radius: 1.1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
}
.bh-panel-vote { background: radial-gradient(120% 90% at 100% 0%, rgba(255, 179, 32, .14), transparent 55%), var(--bh-surface); }
.bh-panel-season {
  justify-content: space-between; color: #f1f5f9;
  border-color: rgba(124, 77, 255, .35);
  background: radial-gradient(120% 100% at 0% 0%, rgba(56, 214, 255, .2), transparent 55%), linear-gradient(135deg, #471c9c, #0a0720);
  box-shadow: 0 0 32px -10px rgba(124, 77, 255, .6);
}
.bh-panel-season .bh-panel-title { color: #fff; }
.bh-panel-season .bh-panel-text { color: #cbd5e1; }
.bh-panel-eyebrow { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.bh-panel-title { margin-top: .5rem; font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; color: var(--bh-text); }
.bh-panel-text { margin-top: .5rem; color: var(--bh-muted); line-height: 1.6; }
.bh-rewards { margin-top: 1.25rem; display: grid; gap: .6rem; }
.bh-rewards li {
  display: flex; align-items: center; gap: .8rem; padding: .6rem .75rem;
  border-radius: .75rem; background: var(--bh-surface-2); box-shadow: inset 0 0 0 1px var(--bh-border);
}
.bh-rewards li > span:last-child { display: flex; flex-direction: column; }
.bh-rewards strong { font-size: .9rem; color: var(--bh-text); }
.bh-rewards small { font-size: .8rem; color: var(--bh-muted); }
.bh-reward-icon { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; flex-shrink: 0; border-radius: .6rem; background: rgba(255, 179, 32, .14); font-size: 1.1rem; }

/* ---- Discord ---- */
.bh-discord {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; gap: 1.5rem; align-items: flex-start;
  padding: 2.5rem; border-radius: 1.4rem; color: #fff;
  background: linear-gradient(120deg, #5a23c4, #6a2fe6 45%, #c02fd0);
  box-shadow: 0 24px 60px -24px rgba(124, 77, 255, .8), inset 0 0 0 1px rgba(255, 255, 255, .15);
}
@media (min-width: 768px) { .bh-discord { flex-direction: row; align-items: center; justify-content: space-between; padding: 3rem; } }
.bh-discord > .starfield { z-index: -1; }
.bh-discord-glow {
  position: absolute; z-index: -1; right: -10%; top: -60%; width: 60%; height: 220%;
  background: radial-gradient(closest-side, rgba(56, 214, 255, .45), transparent); pointer-events: none;
}
.bh-discord-copy { max-width: 36rem; }
.bh-discord-copy .bh-panel-eyebrow { color: rgba(255, 255, 255, .75); }
.bh-discord-title { margin-top: .4rem; font-family: var(--font-display); font-size: clamp(1.7rem, 3.5vw, 2.25rem); font-weight: 800; line-height: 1.15; }
.bh-discord-text { margin-top: .6rem; color: rgba(255, 255, 255, .85); line-height: 1.6; }
.bh-discord-actions { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; flex-shrink: 0; }
@media (min-width: 768px) { .bh-discord-actions { align-items: flex-end; } }
.bh-discord-sub { font-size: .85rem; font-weight: 600; color: rgba(255, 255, 255, .8); }
.bh-discord-sub:hover { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .bh-planet { animation: none; }
  .bh-world, .bh-world-icon, .bh-news-feature, .bh-news-row, .bh-crew-card, .bh-crew-head { transition: none; }
  .bh-world:hover, .bh-news-feature:hover, .bh-news-row:hover, .bh-crew-card:hover { transform: none; }
}

/* ==========================================================================
   Page banners, About page, and new home sections
   ========================================================================== */

/* ---- Shared PageHeader (Play, Rules, News, Wiki, Support, Vote...) ----
   Adds the Team page's grid and aurora over the photo banners. */
main > section.bg-grid:first-child:has(> img)::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(60% 90% at 0% 0%, rgba(124, 77, 255, .28), transparent 60%),
    radial-gradient(50% 80% at 100% 100%, rgba(56, 214, 255, .14), transparent 60%),
    linear-gradient(rgba(124, 77, 255, .08) 1px, transparent 1px) 0 0 / 30px 30px,
    linear-gradient(90deg, rgba(124, 77, 255, .08) 1px, transparent 1px) 0 0 / 30px 30px;
  -webkit-mask-image: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, .35));
  mask-image: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, .35));
}
main > section.bg-grid:first-child:has(> img) > .container-x { z-index: 2; }
main > section.bg-grid:first-child:has(> img) > .starfield { z-index: 1; }

/* ---- Page hero used by the redesigned About page ---- */
.bh-page-hero {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    linear-gradient(to bottom, rgba(124, 77, 255, .12), transparent),
    linear-gradient(rgba(124, 77, 255, .08) 1px, transparent 1px) 0 0 / 30px 30px,
    linear-gradient(90deg, rgba(124, 77, 255, .08) 1px, transparent 1px) 0 0 / 30px 30px;
}
.bh-page-hero::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(169, 139, 255, .55) 25%, rgba(239, 125, 255, .45) 50%, rgba(56, 214, 255, .45) 75%, transparent);
}
.bh-page-hero .starfield { z-index: -1; }
.bh-page-hero-media {
  position: absolute !important; z-index: -2; top: 0; right: 0; bottom: 0; width: 62%;
  overflow: hidden; opacity: .6;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%);
  mask-image: linear-gradient(90deg, transparent, #000 45%);
}
.bh-page-hero-shade {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 4, 26, .95) 25%, rgba(5, 4, 26, .5) 70%, rgba(5, 4, 26, .3)), linear-gradient(to top, rgba(5, 4, 26, .9), transparent 50%);
}
:root:not(.dark) .bh-page-hero { color: #f1f5f9; background-color: #0a0720; }
.bh-page-hero-inner { position: relative; padding-top: 4rem; padding-bottom: 3.5rem; }
.bh-page-hero-edit { position: absolute; top: 1rem; right: 1rem; }
@media (min-width: 640px) { .bh-page-hero-edit { right: 1.5rem; } }
.bh-page-eyebrow {
  display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .75rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #cbb8ff;
}
.bh-page-eyebrow::before {
  content: ""; width: 1.5rem; height: 2px; border-radius: 999px;
  background: linear-gradient(90deg, #a98bff, #ef7dff); box-shadow: 0 0 10px rgba(169, 139, 255, .7);
}
.bh-page-title {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -.02em; line-height: 1.05;
  font-size: clamp(2.4rem, 5.5vw, 3.6rem); color: #fff;
}
.bh-page-sub { margin-top: 1rem; max-width: 40rem; font-size: 1.125rem; line-height: 1.65; color: #cbd5e1; }

/* ---- About layout ---- */
.bh-about { display: grid; gap: 2.5rem; padding-top: 3rem; padding-bottom: 3rem; }
@media (min-width: 1024px) { .bh-about { grid-template-columns: minmax(0, 1fr) 20rem; gap: 3.5rem; } }
.bh-about-body { min-width: 0; }
.bh-about-md { font-size: 1.075rem; color: var(--bh-text); }
.bh-about-md > h1:first-child, .bh-about-md > h2:first-child { margin-top: 0; }
.bh-about-aside { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 1024px) { .bh-about-aside { position: sticky; top: 6rem; align-self: start; } }
.bh-aside-card {
  position: relative; display: block; padding: 1.25rem;
  border-radius: 1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
}
.bh-aside-card::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #8a5cff, #ef7dff, #38d6ff); opacity: .6;
}
.bh-aside-label {
  margin-bottom: .75rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .68rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #a98bff;
}
.bh-facts { display: grid; gap: .65rem; }
.bh-fact { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .65rem; border-bottom: 1px solid var(--bh-border); font-size: .9rem; }
.bh-fact:last-child { padding-bottom: 0; border-bottom: 0; }
.bh-fact dt { color: var(--bh-muted); }
.bh-fact dd { font-weight: 700; text-align: right; color: var(--bh-text); }
.bh-aside-team { transition: transform .3s ease, border-color .3s ease; }
.bh-aside-team:hover { transform: translateY(-3px); border-color: rgba(169, 139, 255, .4); }
.bh-aside-heads { display: flex; padding-left: .4rem; }
.bh-aside-heads img {
  width: 2.4rem; height: 2.4rem; margin-left: -.4rem; border-radius: .6rem; image-rendering: pixelated;
  box-shadow: 0 0 0 2px var(--rc), 0 0 0 4px var(--bh-bg-ring, #0f0b28);
}
.bh-aside-link { display: block; margin-top: .9rem; font-size: .9rem; font-weight: 700; color: #a98bff; }
.bh-aside-cta p { color: var(--bh-muted); font-size: .9rem; }
.bh-aside-actions { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; }

/* ---- Home: online players ---- */
.bh-online {
  border-radius: 1rem; padding: 1rem;
  background: rgba(15, 11, 40, .72); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.bh-online .bh-mini-label { display: flex; align-items: center; gap: .5rem; }
.bh-online-count { border-radius: 999px; padding: 0 .45rem; font-size: .65rem; color: #0a0720; background: #38d6ff; letter-spacing: 0; }
.bh-online-heads { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 .25rem; }
.bh-online-head { width: 2rem; height: 2rem; border-radius: .45rem; image-rendering: pixelated; box-shadow: 0 0 0 1px rgba(255, 255, 255, .2); transition: transform .2s ease; }
.bh-online-head:hover { transform: translateY(-2px) scale(1.1); }
.bh-online-more { display: grid; place-items: center; height: 2rem; padding: 0 .5rem; border-radius: .45rem; font-size: .75rem; font-weight: 700; color: #cbd5e1; background: rgba(255, 255, 255, .08); }

/* ---- Home: crew + staff changes ---- */
.bh-crew-layout { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) {
  .bh-crew-layout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; }
  .bh-crew-layout .bh-crew { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.bh-changes {
  position: relative; height: 100%; display: flex; flex-direction: column;
  padding: 1.25rem; border-radius: 1.1rem; border: 1px solid var(--bh-border); background: var(--bh-surface);
}
.bh-changes::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #8a5cff, #ef7dff, #38d6ff); opacity: .6;
}
.bh-changes-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.bh-changes-title { font-family: var(--font-display); font-weight: 800; font-size: 1.1rem; color: var(--bh-text); }
.bh-changes-all { font-size: .85rem; font-weight: 700; color: #a98bff; }
.bh-changes-all:hover { color: #cbb8ff; }
.bh-changes-list { display: flex; flex-direction: column; }
.bh-change { display: flex; align-items: center; gap: .8rem; padding: .7rem 0; border-top: 1px solid var(--bh-border); }
.bh-change:first-child { border-top: 0; }
.bh-change-head { width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: .55rem; image-rendering: pixelated; }
.bh-change-body { flex: 1; min-width: 0; }
.bh-change-top { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.bh-change-name { font-weight: 800; font-size: .9rem; color: var(--bh-text); }
a.bh-change-name:hover { color: #38d6ff; }
.bh-change-type, .bh-rank-chip {
  border-radius: 999px; padding: .05rem .5rem; font-size: .68rem; font-weight: 700; white-space: nowrap;
  color: var(--rc); background: color-mix(in srgb, var(--rc) 15%, transparent);
}
.bh-change-type { border-radius: .35rem; }
.bh-change-ranks { margin-top: .3rem; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; font-size: .75rem; color: var(--bh-muted); }
.bh-change-when { flex-shrink: 0; align-self: flex-start; padding-top: .15rem; font-size: .72rem; color: var(--bh-muted); font-variant-numeric: tabular-nums; }

/* ---- Home: seasonal hero ---- */
.bh-season-winter .bh-hero-shade {
  background:
    radial-gradient(80% 60% at 70% 0%, rgba(186, 230, 253, .18), transparent 60%),
    linear-gradient(90deg, rgba(5, 10, 30, .9) 0%, rgba(5, 10, 30, .65) 45%, rgba(5, 10, 30, .3) 100%),
    linear-gradient(to bottom, rgba(5, 4, 20, .2) 0%, rgba(5, 4, 20, .55) 60%, #05041a 100%);
}
.bh-season-winter .bh-aurora-a { background: radial-gradient(circle, rgba(125, 211, 252, .5), transparent 65%); }
.bh-season-winter .bh-aurora-b { background: radial-gradient(circle, rgba(255, 255, 255, .25), transparent 65%); }
.bh-season-winter .bh-planet { filter: drop-shadow(0 0 30px rgba(186, 230, 253, .6)); }
.bh-season-halloween .bh-hero-shade {
  background:
    radial-gradient(80% 60% at 70% 0%, rgba(249, 115, 22, .22), transparent 60%),
    linear-gradient(90deg, rgba(20, 5, 15, .92) 0%, rgba(20, 5, 15, .68) 45%, rgba(20, 5, 15, .32) 100%),
    linear-gradient(to bottom, rgba(5, 4, 20, .2) 0%, rgba(5, 4, 20, .55) 60%, #05041a 100%);
}
.bh-season-halloween .bh-aurora-a { background: radial-gradient(circle, rgba(249, 115, 22, .45), transparent 65%); }
.bh-season-halloween .bh-aurora-b { background: radial-gradient(circle, rgba(124, 58, 237, .45), transparent 65%); }
.bh-season-halloween .bh-planet { filter: drop-shadow(0 0 30px rgba(249, 115, 22, .6)); }
.bh-season-halloween .bh-kicker-text { color: #fdba74; }

/* ==========================================================================
   Navigation (paired with redesign/navbar.js)
   Floating glass bar: brand left, links centred, actions right.
   ========================================================================== */
.bh-nav {
  position: sticky; top: 0; z-index: 50;
  padding: .6rem 1rem 0;
  color: #f1f5f9;
  pointer-events: none;
}
.bh-nav > * { pointer-events: auto; }
.bh-nav-bar {
  position: relative;
  max-width: 80rem; margin: 0 auto;
  height: 3.75rem;
  display: flex; align-items: center; gap: .75rem;
  padding: 0 .6rem 0 .75rem;
  border-radius: 1.1rem;
  background: rgba(10, 7, 32, .62);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 10px 30px -18px rgba(0, 0, 0, .8);
  transition: background-color .3s ease, box-shadow .3s ease, height .3s ease;
}
.bh-nav-bar::after {
  content: ""; position: absolute; left: 12%; right: 12%; bottom: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(169, 139, 255, .55), rgba(56, 214, 255, .45), transparent);
  opacity: .7;
}
.bh-nav-scrolled .bh-nav-bar {
  height: 3.4rem;
  background: rgba(8, 6, 26, .86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    inset 0 0 0 1px rgba(169, 139, 255, .16),
    0 16px 40px -16px rgba(0, 0, 0, .9),
    0 0 40px -20px rgba(124, 77, 255, .7);
}

/* Brand */
.bh-nav-brand { display: flex; align-items: center; gap: .6rem; flex-shrink: 0; border-radius: .75rem; padding: .25rem .4rem .25rem .15rem; }
.bh-nav-brand img { width: 2.25rem; height: 2.25rem; transition: transform .4s ease; }
.bh-nav-brand:hover img { transform: rotate(-12deg) scale(1.05); }
.bh-nav-brand-text { display: none; flex-direction: column; line-height: 1.05; }
@media (min-width: 640px) { .bh-nav-brand-text { display: flex; } }
.bh-nav-brand-name { font-family: var(--font-display); font-weight: 800; font-size: 1.05rem; letter-spacing: -.01em; white-space: nowrap; }
.bh-nav-brand-sub {
  margin-top: .2rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .58rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: #a98bff;
}

/* Links */
.bh-nav-links { display: none; flex: 1; min-width: 0; align-items: center; justify-content: center; gap: .15rem; }
@media (min-width: 1024px) { .bh-nav-links { display: flex; } }
.bh-nav-link {
  position: relative; display: inline-flex; align-items: center; gap: .3rem;
  padding: .5rem .8rem; border-radius: .7rem;
  font-size: .9rem; font-weight: 600; color: #cbd5e1; white-space: nowrap;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.bh-nav-link:hover, .bh-nav-link.is-open { color: #fff; background: rgba(255, 255, 255, .07); }
.bh-nav-link.is-active {
  color: #fff;
  background: linear-gradient(135deg, rgba(124, 77, 255, .35), rgba(225, 75, 240, .18));
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .35), 0 0 20px -6px rgba(124, 77, 255, .8);
}
.bh-nav-link.is-active::after {
  content: ""; position: absolute; left: 50%; bottom: -.45rem; width: 4px; height: 4px; margin-left: -2px; border-radius: 999px;
  background: #ef7dff; box-shadow: 0 0 8px #ef7dff;
}
.bh-nav-chev { width: .9rem; height: .9rem; transition: transform .2s ease; }
.bh-nav-link.is-open .bh-nav-chev { transform: rotate(180deg); }

/* More menu */
.bh-nav-more { position: relative; }
.bh-nav-menu {
  position: absolute; top: calc(100% + .7rem); left: 50%; transform: translateX(-50%);
  width: 16rem; padding: .4rem;
  border-radius: 1rem;
  background: rgba(10, 7, 32, .95);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 24px 50px -20px rgba(0, 0, 0, .9), 0 0 40px -24px rgba(124, 77, 255, .8);
  animation: bh-pop .16s ease-out;
}
@keyframes bh-pop { from { opacity: 0; transform: translateX(-50%) translateY(-4px); } }
.bh-nav-menu-item {
  display: flex; flex-direction: column; gap: .1rem;
  padding: .6rem .75rem; border-radius: .7rem;
  transition: background-color .15s ease;
}
.bh-nav-menu-item:hover, .bh-nav-menu-item:focus-visible { background: rgba(124, 77, 255, .16); }
.bh-nav-menu-item.is-active { background: rgba(124, 77, 255, .22); box-shadow: inset 2px 0 0 #a98bff; }
.bh-nav-menu-label { font-size: .9rem; font-weight: 700; color: #f1f5f9; }
.bh-nav-menu-sub { font-size: .75rem; color: #94a3b8; }

/* Actions */
.bh-nav-actions { margin-left: auto; display: flex; align-items: center; gap: .45rem; flex-shrink: 0; }
@media (min-width: 1024px) { .bh-nav-actions { margin-left: 0; } }
.bh-nav-status {
  display: none; align-items: center; gap: .55rem;
  height: 2.35rem; padding: 0 .8rem; border-radius: 999px;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  color: #e2e8f0; cursor: pointer;
  transition: background-color .2s ease, box-shadow .2s ease;
}
@media (min-width: 1280px) { .bh-nav-status { display: inline-flex; } }
.bh-nav-status:hover { background: rgba(56, 214, 255, .1); box-shadow: inset 0 0 0 1px rgba(56, 214, 255, .35); }
.bh-nav-status.is-copied { background: rgba(34, 197, 94, .14); box-shadow: inset 0 0 0 1px rgba(34, 197, 94, .45); }
.bh-nav-status-icon { width: .95rem; height: .95rem; color: #94a3b8; }
.bh-nav-status:hover .bh-nav-status-icon { color: #38d6ff; }
.bh-nav-status.is-copied .bh-nav-status-icon { color: #4ade80; }
.bh-nav-status-copied { font-size: .875rem; font-weight: 600; color: #86efac; }

.bh-nav-store-wrap { display: none; }
@media (min-width: 640px) { .bh-nav-store-wrap { display: inline-flex; } }
.bh-nav-store {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  height: 2.35rem; padding: 0 .95rem; border-radius: 999px;
  font-size: .875rem; font-weight: 800; color: #0a0720; white-space: nowrap;
  background: linear-gradient(180deg, #ffdf7a, #ffb320);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 22px -8px #fbbf24;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.bh-nav-store:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 28px -6px #fbbf24; }
.bh-nav-store-full { width: 100%; height: 3rem; font-size: 1rem; border-radius: .9rem; }

.bh-nav-icon {
  display: inline-grid; place-items: center;
  width: 2.35rem; height: 2.35rem; border-radius: 999px;
  color: #cbd5e1; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.bh-nav-icon:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.bh-nav-icon svg { width: 1.05rem; height: 1.05rem; }
.bh-nav-burger svg { width: 1.25rem; height: 1.25rem; }
@media (min-width: 1024px) { .bh-nav-burger { display: none; } }

.bh-nav-account-wrap { display: inline-flex; }
.bh-nav-account {
  display: inline-flex; align-items: center; gap: .45rem;
  height: 2.35rem; padding: 0 .75rem; border-radius: 999px;
  font-size: .875rem; font-weight: 600; color: #e2e8f0; white-space: nowrap;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  transition: background-color .2s ease, color .2s ease;
}
.bh-nav-account:has(img) { padding-left: .25rem; }
.bh-nav-account:hover { color: #fff; background: rgba(124, 77, 255, .18); }
.bh-nav-account svg { width: 1rem; height: 1rem; }
.bh-nav-account-label { display: none; }
@media (min-width: 1280px) { .bh-nav-account-label { display: inline; } }
@media (max-width: 1023px) { .bh-nav-account-wrap { display: none; } }
.bh-nav-account-full { width: 100%; height: 3rem; justify-content: center; border-radius: .9rem; }
.bh-nav-account-full .bh-nav-account-label { display: inline; }

/* Mobile sheet */
.bh-nav-scrim { position: fixed; inset: 0; z-index: -1; background: rgba(2, 1, 10, .6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); animation: bh-fade .2s ease-out; }
@keyframes bh-fade { from { opacity: 0; } }
.bh-nav-sheet {
  position: absolute; left: 1rem; right: 1rem; top: calc(100% + .5rem);
  max-width: 80rem; margin: 0 auto;
  max-height: calc(100vh - 6rem); overflow-y: auto;
  display: flex; flex-direction: column; gap: .75rem;
  padding: 1rem; border-radius: 1.1rem;
  background: rgba(10, 7, 32, .97);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 30px 60px -20px rgba(0, 0, 0, .9);
  animation: bh-drop .2s ease-out;
}
@keyframes bh-drop { from { opacity: 0; transform: translateY(-6px); } }
@media (min-width: 1024px) { .bh-nav-sheet, .bh-nav-scrim { display: none; } }
.bh-nav-sheet-label {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .65rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: #94a3b8;
  margin: .25rem .25rem -.25rem;
}
.bh-nav-sheet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
@media (min-width: 640px) { .bh-nav-sheet-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bh-nav-sheet-link {
  padding: .75rem .9rem; border-radius: .8rem;
  font-weight: 700; color: #e2e8f0;
  background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}
.bh-nav-sheet-link.is-active, .bh-nav-sheet-row.is-active {
  color: #fff; background: linear-gradient(135deg, rgba(124, 77, 255, .35), rgba(225, 75, 240, .18));
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .35);
}
.bh-nav-sheet-list { display: grid; gap: .3rem; }
.bh-nav-sheet-row { display: flex; flex-direction: column; gap: .1rem; padding: .65rem .9rem; border-radius: .8rem; }
.bh-nav-sheet-row:hover { background: rgba(255, 255, 255, .05); }
.bh-nav-sheet-ip {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%;
  padding: .8rem .9rem; border-radius: .9rem; text-align: left;
  background: linear-gradient(135deg, rgba(27, 23, 64, .9), rgba(10, 7, 32, .9));
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .25);
}
.bh-nav-sheet-ip > span:first-child { display: flex; flex-direction: column; min-width: 0; }
.bh-nav-sheet-ip-label { font-size: .65rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #94a3b8; }
.bh-nav-sheet-ip-value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; font-weight: 700; color: #fff; overflow-wrap: anywhere; }
.bh-nav-sheet-ip-action {
  display: inline-flex; align-items: center; gap: .35rem; flex-shrink: 0;
  padding: .35rem .7rem; border-radius: 999px; font-size: .8rem; font-weight: 700; color: #0a0720; background: #ffcf4d;
}
.bh-nav-sheet-ip-action svg { width: .9rem; height: .9rem; }
.bh-nav-sheet-actions { display: grid; gap: .5rem; }
@media (min-width: 640px) { .bh-nav-sheet-actions { grid-template-columns: 1fr 1fr; } }
.bh-nav-sheet-status { display: flex; justify-content: center; padding-top: .25rem; color: #cbd5e1; }

@media (prefers-reduced-motion: reduce) {
  .bh-nav-bar, .bh-nav-brand img, .bh-nav-store { transition: none; }
  .bh-nav-menu, .bh-nav-sheet, .bh-nav-scrim { animation: none; }
}

/* ==========================================================================
   Staff dashboard (/admin). Scoped to the dashboard shell, which is the only
   layout with the w-60 sidebar, so the public site is untouched.
   ========================================================================== */
.flex.min-h-screen:has(> aside.w-60) {
  --adm-line: rgba(255, 255, 255, .08);
  background:
    radial-gradient(900px 500px at 100% -10%, rgba(56, 214, 255, .07), transparent 60%),
    radial-gradient(900px 600px at 20% -20%, rgba(124, 77, 255, .14), transparent 60%);
}

/* ---- Sidebar ---- */
aside.w-60.shrink-0 {
  position: sticky; top: 0; align-self: flex-start;
  width: 16.5rem; height: 100vh; overflow-y: auto;
  padding: 1.1rem .9rem 1.5rem;
  border-right: 0;
  background: linear-gradient(to bottom, rgba(15, 11, 40, .92), rgba(5, 4, 20, .92));
  box-shadow: inset -1px 0 0 var(--adm-line), 12px 0 40px -30px rgba(124, 77, 255, .6);
  scrollbar-width: thin;
}
aside.w-60.shrink-0::after {
  content: ""; position: absolute; top: 12%; bottom: 12%; right: 0; width: 1px; pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(169, 139, 255, .45), rgba(56, 214, 255, .3), transparent);
}
aside.w-60 > a.mb-6, aside.w-64 a.mb-6 {
  margin-bottom: 1.25rem; padding: .6rem .7rem; border-radius: .9rem;
  background: rgba(124, 77, 255, .1); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .2);
  transition: background-color .2s ease;
}
aside.w-60 > a.mb-6:hover { background: rgba(124, 77, 255, .18); }
aside.w-60 > a.mb-6 img, aside.w-64 a.mb-6 img { box-shadow: 0 0 16px rgba(124, 77, 255, .6); }

aside.w-60 nav, aside.w-64 nav { display: flex; flex-direction: column; gap: 1.1rem; }
aside.w-60 nav > div, aside.w-64 nav > div { display: flex; flex-direction: column; gap: .15rem; }
aside.w-60 nav > div > .uppercase, aside.w-64 nav > div > .uppercase {
  display: flex; align-items: center; gap: .5rem;
  padding: 0 .75rem .35rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .62rem; letter-spacing: .2em; color: #7c86a8;
}
aside.w-60 nav > div > .uppercase::after, aside.w-64 nav > div > .uppercase::after {
  content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--adm-line, rgba(255,255,255,.08)), transparent);
}
aside.w-60 nav a, aside.w-64 nav a {
  position: relative; gap: .7rem !important;
  padding: .45rem .6rem !important; border-radius: .7rem !important;
  font-size: .875rem; color: #cbd5e1;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
aside.w-60 nav a:hover, aside.w-64 nav a:hover { background: rgba(255, 255, 255, .06) !important; color: #fff; transform: translateX(2px); }
aside.w-60 nav a > span:first-child, aside.w-64 nav a > span:first-child {
  display: inline-grid; place-items: center; flex-shrink: 0;
  width: 1.85rem; height: 1.85rem; border-radius: .55rem; font-size: .95rem;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
  transition: background-color .15s ease, box-shadow .15s ease;
}
aside.w-60 nav a[class*="bg-cosmic-500"], aside.w-64 nav a[class*="bg-cosmic-500"] {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(124, 77, 255, .32), rgba(225, 75, 240, .14)) !important;
  box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .3), 0 0 22px -10px rgba(124, 77, 255, .9) !important;
}
aside.w-60 nav a[class*="bg-cosmic-500"] > span:first-child, aside.w-64 nav a[class*="bg-cosmic-500"] > span:first-child {
  background: rgba(124, 77, 255, .35); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .5), 0 0 12px -2px rgba(124, 77, 255, .8);
}
aside.w-60 > a.mt-6 { margin-top: 1.25rem; border-radius: .7rem; border-top: 1px solid var(--adm-line); padding-top: .9rem; }

/* Mobile drawer */
aside.w-64.bg-void-900 { background: linear-gradient(to bottom, #0f0b28, #05041a); box-shadow: 20px 0 50px -20px rgba(0, 0, 0, .9); }

/* ---- Top bar ---- */
.flex.min-h-screen:has(> aside.w-60) header.h-16 {
  position: sticky; top: 0; z-index: 40;
  border-bottom: 0;
  background: rgba(8, 6, 26, .72);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: inset 0 -1px 0 var(--adm-line);
}
.flex.min-h-screen:has(> aside.w-60) header.h-16::after {
  content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(169, 139, 255, .45), rgba(56, 214, 255, .35), transparent);
}
.flex.min-h-screen:has(> aside.w-60) header.h-16 a[href="/admin/profile"] {
  border-radius: 999px; padding: .25rem .75rem .25rem .25rem;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.flex.min-h-screen:has(> aside.w-60) header.h-16 a[href="/admin/profile"]:hover { background: rgba(124, 77, 255, .16); }
.flex.min-h-screen:has(> aside.w-60) header.h-16 button { border-radius: 999px; }

/* ---- Content ---- */
.flex.min-h-screen:has(> aside.w-60) main.flex-1 { padding: 1.75rem 1.5rem 3rem; }
@media (min-width: 1024px) { .flex.min-h-screen:has(> aside.w-60) main.flex-1 { padding: 2rem 2.5rem 4rem; } }

/* Page titles (PageTitle) */
main .mb-6.flex.items-end.justify-between.gap-4 {
  position: relative; padding-bottom: 1rem; margin-bottom: 1.75rem;
}
main .mb-6.flex.items-end.justify-between.gap-4::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(169, 139, 255, .5), rgba(255, 255, 255, .06) 40%, transparent);
}
main .mb-6.flex.items-end.justify-between.gap-4 h1 { font-size: 1.75rem; letter-spacing: -.01em; }

/* Form fields (inputCls) */
.dark main :is(input, select, textarea).border-2 {
  border-width: 1px; border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .03);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.dark main :is(input, select, textarea).border-2:hover { border-color: rgba(255, 255, 255, .2); }
.dark main :is(input, select, textarea).border-2:focus {
  border-color: #a98bff; background: rgba(124, 77, 255, .06);
  box-shadow: 0 0 0 3px rgba(124, 77, 255, .22);
}
.dark main select.border-2 option { background: #0f0b28; }
main input[type="file"] { font-size: .875rem; }
main input[type="file"]::file-selector-button {
  margin-right: .75rem; padding: .4rem .8rem; border: 0; border-radius: .5rem;
  font-weight: 600; color: #fff; background: #7c4dff; cursor: pointer;
}
main input[type="file"]::file-selector-button:hover { background: #8a5cff; }
main input[type="checkbox"] { accent-color: #8a5cff; }

/* Tables */
main table { width: 100%; border-collapse: separate; border-spacing: 0; }
main table th {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #94a3b8;
}
.dark main table tbody tr { transition: background-color .15s ease; }
.dark main table tbody tr:hover { background: rgba(124, 77, 255, .06); }

/* Dashboard welcome banner */
main .relative.overflow-hidden.rounded-2xl.border { box-shadow: 0 0 40px -18px rgba(124, 77, 255, .7); }

/* ---- Appearance: page header grid ---- */
.bh-admin-grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .bh-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- Team member edit: skin card ---- */
.bh-skin-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.bh-skin-source {
  border-radius: 999px; padding: .1rem .55rem; font-size: .7rem; font-weight: 700;
  color: #94a3b8; background: rgba(255, 255, 255, .06);
}
.bh-skin-source.is-custom { color: #ffcf4d; background: rgba(255, 179, 32, .14); }
.bh-skin-alert { margin-top: .75rem; border-radius: .6rem; padding: .55rem .75rem; font-size: .85rem; }
.bh-skin-alert.is-ok { color: #86efac; background: rgba(34, 197, 94, .12); box-shadow: inset 0 0 0 1px rgba(34, 197, 94, .3); }
.bh-skin-alert.is-error { color: #fca5a5; background: rgba(239, 68, 68, .12); box-shadow: inset 0 0 0 1px rgba(239, 68, 68, .3); }
.bh-skin-preview {
  position: relative; margin-top: 1rem; display: flex; align-items: center; gap: 1rem;
  padding: .9rem; border-radius: .8rem;
  background:
    linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .04) 75%) 0 0 / 16px 16px,
    linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .04) 75%) 8px 8px / 16px 16px,
    rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.bh-skin-face { width: 4.5rem; height: 4.5rem; border-radius: .7rem; image-rendering: pixelated; box-shadow: 0 0 0 2px rgba(169, 139, 255, .6), 0 0 18px -4px #7c4dff; }
.bh-skin-texture { width: 8rem; height: 8rem; object-fit: contain; image-rendering: pixelated; }
.bh-skin-model {
  position: absolute; right: .6rem; bottom: .6rem; border-radius: .4rem; padding: .05rem .45rem;
  font-size: .65rem; font-weight: 700; color: #cbd5e1; background: rgba(0, 0, 0, .45);
}
.bh-skin-form { margin-top: 1rem; display: grid; gap: .75rem; }
.bh-skin-file { display: grid; gap: .35rem; font-size: .85rem; font-weight: 600; }
.bh-skin-form .btn-primary { justify-self: start; }

/* ---- Team page header image ---- */
.bh-team-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-team-hero-shade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(5, 4, 20, .8), rgba(5, 4, 20, .7) 50%, #05041a); }

/* ---- Dashboard: supported versions card ---- */
.bh-versions { display: grid; gap: 1rem; align-items: end; }
@media (min-width: 900px) { .bh-versions { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) auto; } }
.bh-versions-intro { min-width: 0; }
.bh-versions-saved { margin-top: .5rem; font-size: .85rem; color: #86efac; }
.bh-versions-field { display: grid; gap: .35rem; }
.bh-versions-field span, .bh-act-field > span {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .65rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #94a3b8;
}
.bh-versions-field input, .bh-act-input {
  width: 100%; height: 2.5rem; padding: 0 .75rem; border-radius: .6rem;
  font-size: .9rem; color: inherit;
  background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .12); outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.bh-versions-field input { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; }
.bh-versions-field input:focus, .bh-act-input:focus { border-color: #a98bff; box-shadow: 0 0 0 3px rgba(124, 77, 255, .22); }
:root:not(.dark) .bh-versions-field input, :root:not(.dark) .bh-act-input { background: #fff; border-color: rgba(0, 0, 0, .15); }
.bh-act-input option { background: #0f0b28; }
.bh-versions .btn-primary { height: 2.5rem; }

/* ---- Backups page ---- */
.bh-backups-list { margin-top: .75rem; display: grid; gap: .5rem; padding-left: 1.2rem; font-size: .9rem; color: #cbd5e1; }
ul.bh-backups-list { list-style: disc; }
ol.bh-backups-list { list-style: decimal; }
.bh-backups-list li::marker { color: #a98bff; }

/* ---- Activity log filters ---- */
.bh-act-filters { display: grid; gap: .9rem; margin-bottom: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .bh-act-filters { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .bh-act-filters { grid-template-columns: minmax(0, 2fr) repeat(5, minmax(0, 1fr)); } }
.bh-act-field { display: grid; gap: .35rem; min-width: 0; }
.bh-act-search { grid-column: 1 / -1; }
@media (min-width: 900px) { .bh-act-search { grid-column: auto; } }
.bh-act-input[type="date"] { color-scheme: dark; }
:root:not(.dark) .bh-act-input[type="date"] { color-scheme: light; }
.bh-act-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.bh-act-clear { font-size: .85rem; font-weight: 600; color: #94a3b8; }
.bh-act-clear:hover { color: #fff; text-decoration: underline; }
.bh-act-presets { grid-column: 1 / -1; display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; padding-top: .75rem; border-top: 1px solid rgba(255, 255, 255, .07); font-size: .8rem; color: #94a3b8; }
.bh-act-preset {
  border-radius: 999px; padding: .2rem .7rem; font-weight: 600; color: #cbd5e1;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.bh-act-preset:hover { background: rgba(124, 77, 255, .16); color: #fff; }
.bh-act-preset.is-active { color: #fff; background: rgba(124, 77, 255, .3); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .5); }
.bh-act-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .75rem; font-size: .875rem; color: #94a3b8; }
.bh-act-summary strong { color: #f1f5f9; }
.bh-act-chips { display: flex; gap: .4rem; flex-wrap: wrap; }
.bh-act-chip {
  display: inline-flex; align-items: center; gap: .4rem; border-radius: 999px; padding: .2rem .35rem .2rem .7rem;
  font-size: .8rem; font-weight: 600; color: #e5dbff; background: rgba(124, 77, 255, .18); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .35);
}
.bh-act-chip > span { font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; color: #a98bff; }
.bh-act-chip > b { display: grid; place-items: center; width: 1.1rem; height: 1.1rem; border-radius: 999px; background: rgba(255, 255, 255, .1); font-size: .8rem; }
.bh-act-chip:hover > b { background: rgba(239, 68, 68, .4); }
.bh-act-table td { vertical-align: top; }
.bh-act-who { font-weight: 600; }
.bh-act-who:hover { color: #38d6ff; text-decoration: underline; }
.bh-act-action { display: inline-flex; align-items: baseline; gap: .55rem; flex-wrap: wrap; }
.bh-act-kind {
  flex-shrink: 0; border-radius: .35rem; padding: .05rem .4rem; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--k); background: color-mix(in srgb, var(--k) 16%, transparent);
}
.bh-act-target { max-width: 28rem; overflow-wrap: anywhere; }
.bh-act-page { border-radius: .6rem; padding: .35rem .8rem; font-size: .85rem; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
.bh-act-page:hover { background: rgba(255, 255, 255, .08); }
.bh-act-page.is-disabled { pointer-events: none; opacity: .4; }