:root{--brand-blue: #162A38;--brand-blue-dark: #0D1A24;--brand-orange: #EF7100;--brand-orange-dark: #D85F00}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px;z-index:0}.bg-pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#162a3880,#162a3833,#0d1a2466);pointer-events:none}.glow-orb{position:absolute;filter:blur(120px);border-600px;height:600px;background:#ef71002e;animation:float 15s infinite alternate}.glow-orb.orb-2{bottom:5%;right:10%;width:700px;height:700px;background:rgba(22,42,56,.55ternate; } .glow-orb.orb-2 {bottom: 5%; right: 10%; width: 500px; height: 500px; background: rgba(22,42,56,.4); animation: float 20s infinite alternate-reverse;} @keyframes float {0% {transform: translate(0,0) scale(1);} 100% {transform: translate(100px,50px) scale(1.1);}} h1,h2,h3 {text-transform: uppercase; font-style: normal;} .page-title {text-transform: uppercase; letter-spacing: .05em; font-style: normal; font-weight: 600;} .bg-slate-950 {background-color: var(--brand-blue) !important;} .bg-slate-900 {background-color: var(--brand-blue-dark) !important;} .bg-slate-800 {background-color: var(--brand-blue-dark) !important;} .bg-slate-700 {background-color: var(--brand-blue-dark) !important;} .bg-slate-950\/98 {background-color: rgba(22,42,56,.98) !important;} .bg-slate-950\/95 {background-color: rgba(22,42,56,.95) !important;} .bg-slate-950\/80 {background-color: rgba(22,42,56,.8) !important;} .bg-slate-950\/60 {background-color: rgba(22,42,56,.6) !important;} .bg-slate-950\/50 {background-color: rgba(22,42,56,.5) !important;} .bg-slate-950\/40 {background-color: rgba(22,42,56,.4) !important;} .bg-slate-950\/30 {background-color: rgba(22,42,56,.3) !important;} .bg-slate-950\/20 {background-color: rgba(22,42,56,.2) !important;} .bg-slate-900\/50 {background-color: rgba(13,26,36,.5) !important;} .bg-slate-900\/20 {background-color: rgba(13,26,36,.2) !important;} .bg-slate-900\/30 {background-color: rgba(13,26,36,.3) !important;} .bg-slate-800\/50 {background-color: rgba(13,26,36,.5) !important;} .bg-slate-800\/30 {background-color: rgba(13,26,36,.3) !important;} .bg-slate-800\/20 {background-color: rgba(13,26,36,.2) !important;} .border-slate-900 {border-color: rgba(13,26,36,.9) !important;} .border-slate-800 {border-color: rgba(22,42,56,.6) !important;} .border-slate-700 {border-color: rgba(22,42,56,.75) !important;} .border-slate-800\/50 {border-color: rgba(22,42,56,.5) !important;} .border-slate-900\/50 {border-color: rgba(13,26,36,.5) !important;} .from-slate-900 { --tw-gradient-from: var(--brand-blue-dark) var(--tw-gradient-from-position); --tw-gradient-to: rgba(13, 26, 36, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-950 { --tw-gradient-from: var(--brand-blue) var(--tw-gradient-from-position); --tw-gradient-to: rgba(22, 42, 56, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-slate-950\/60 { --tw-gradient-to: rgba(22, 42, 56, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(22, 42, 56, .6) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-slate-950 { --tw-gradient-to: var(--brand-blue) var(--tw-gradient-to-position); })}