/* Recoverly premium trading frontend: layered gradients, accessible motion and dual theme. */
:root{color-scheme:dark;--rx-bg:#070b16;--rx-surface:rgba(15,23,42,.78);--rx-surface-solid:#10182b;--rx-text:#f5f7ff;--rx-muted:#a4aec4;--rx-border:rgba(148,163,184,.19);--rx-accent:#087cf5;--rx-accent2:#00e6d2;--rx-glow:rgba(0,210,255,.24);--rx-nav:rgba(7,11,22,.76)}
html[data-theme="light"]{color-scheme:light;--rx-bg:#f5f7ff;--rx-surface:rgba(255,255,255,.82);--rx-surface-solid:#fff;--rx-text:#111827;--rx-muted:#596579;--rx-border:rgba(71,85,105,.17);--rx-accent:#087cf5;--rx-accent2:#00c8f0;--rx-glow:rgba(0,124,245,.13);--rx-nav:rgba(248,250,255,.88)}
html{scroll-behavior:smooth;background:var(--rx-bg)}body{background:var(--rx-bg)!important;color:var(--rx-text);transition:background-color .35s ease,color .35s ease}
body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 8%,var(--rx-glow),transparent 36%),radial-gradient(ellipse at 88% 28%,rgba(34,211,238,.10),transparent 32%);animation:rx-ambient 18s ease-in-out infinite alternate}
@keyframes rx-ambient{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}
#navbar{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}#navbar.navbar-fixed{background:var(--rx-nav)!important;border-bottom:1px solid var(--rx-border)!important;backdrop-filter:blur(20px) saturate(150%);box-shadow:0 12px 35px rgba(2,6,23,.09)}
.recoverly-theme-toggle{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:15px;border:1px solid var(--rx-border);color:var(--rx-text);background:linear-gradient(140deg,rgba(0,190,255,.18),rgba(34,211,238,.12)),var(--rx-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 18px rgba(0,124,245,.10);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}
.recoverly-theme-toggle:hover{transform:translateY(-2px) rotate(-3deg);border-color:rgba(0,190,255,.55);box-shadow:0 8px 24px var(--rx-glow)}.recoverly-theme-toggle:focus-visible{outline:3px solid var(--rx-accent2);outline-offset:3px}.recoverly-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recoverly-theme-toggle [data-theme-icon="sun"]{display:none}html[data-theme="light"] .recoverly-theme-toggle [data-theme-icon="sun"]{display:block}html[data-theme="light"] .recoverly-theme-toggle [data-theme-icon="moon"]{display:none}
html[data-theme="light"] body,html[data-theme="light"] body.bg-\[\#050505\]{background:var(--rx-bg)!important;color:var(--rx-text)!important}html[data-theme="light"] .text-white{color:#172033!important}html[data-theme="light"] .text-text-primary,html[data-theme="light"] .text-text-secondary{color:var(--rx-muted)!important}html[data-theme="light"] .text-accent-primary{color:var(--rx-accent)!important}html[data-theme="light"] .border-white\/5,html[data-theme="light"] .border-white\/10,html[data-theme="light"] .border-white\/20{border-color:var(--rx-border)!important}html[data-theme="light"] .bg-white\/5,html[data-theme="light"] .bg-white\/\[0\.02\],html[data-theme="light"] .bg-white\/\[0\.03\],html[data-theme="light"] .bg-white\/\[0\.04\]{background-color:rgba(255,255,255,.72)!important}html[data-theme="light"] .bg-\[\#0f1115\],html[data-theme="light"] .bg-secondary-dark\/95,html[data-theme="light"] .bg-primary-dark\/95{background-color:rgba(250,251,255,.97)!important}html[data-theme="light"] .hover\:text-white:hover{color:#111827!important}html[data-theme="light"] .hover\:bg-white\/5:hover,html[data-theme="light"] .hover\:bg-white\/10:hover{background-color:rgba(0,124,245,.08)!important}html[data-theme="light"] .navbar-fixed .text-text-secondary{color:#596579!important}html[data-theme="light"] .recoverly-hero{background:radial-gradient(ellipse at 50% 0%,rgba(0,190,255,.12),transparent 55%)}html[data-theme="light"] .recoverly-hero .text-transparent.bg-clip-text{background-image:linear-gradient(100deg,#087cf5,#00aebf,#00d9c0)!important}
.recoverly-hero{isolation:isolate;background:radial-gradient(ellipse at 50% 5%,rgba(0,190,255,.13),transparent 48%)}.recoverly-hero h1{letter-spacing:-.055em;text-wrap:balance}.recoverly-hero h1 span{filter:drop-shadow(0 5px 28px var(--rx-glow))}.recoverly-hero .btn-hover-effect{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease}.recoverly-hero .btn-hover-effect:hover{transform:translateY(-3px);filter:saturate(1.14)}
/* Premium surface treatment without changing server-rendered links or business logic. */
.card-hover-effect,.recoverly-card,.rounded-3xl.border,.rounded-2xl.border{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}html[data-theme="light"] .card-hover-effect,html[data-theme="light"] .rounded-3xl.border-white\/5,html[data-theme="light"] .rounded-3xl.border-white\/10{background-color:var(--rx-surface)!important;border-color:var(--rx-border)!important;box-shadow:0 16px 42px rgba(15,23,42,.045)}.card-hover-effect:hover{box-shadow:0 18px 48px var(--rx-glow)}
html[data-theme="light"] .bg-\[\#050505\],html[data-theme="light"] .bg-\[\#080808\],html[data-theme="light"] .bg-\[\#0a0a0a\]{background-color:var(--rx-bg)!important}html[data-theme="light"] .text-gray-300,html[data-theme="light"] .text-gray-400{color:#596579!important}html[data-theme="light"] .text-gray-500{color:#69758a!important}html[data-theme="light"] .shadow-2xl{box-shadow:0 20px 50px rgba(15,23,42,.10)!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Recoverly brand system: sapphire → cyan → lagoon → emerald */
:root{--rx-brand-blue:#075cf5;--rx-brand-cyan:#00d9f2;--rx-brand-teal:#00d9c0;--rx-brand-green:#00d995;--rx-brand-gradient:linear-gradient(115deg,var(--rx-brand-blue) 0%,var(--rx-brand-cyan) 48%,var(--rx-brand-green) 100%)}
.rx-brand-gradient,.theme-switch,.theme-toggle,.btn-primary,.btn--primary{background-image:var(--rx-brand-gradient)!important}
.rx-brand-gradient-text{background:var(--rx-brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Consistent logo proportions across header, sidebars and compact navigation. */
img[src*="logo-rectangle"],img[src*="recoverly-wordmark"]{object-fit:contain;max-height:46px;max-width:190px;width:auto}
img[src*="logo-square"],img[src*="recoverly-symbol"]{object-fit:contain;max-height:44px;max-width:44px}
@media(max-width:640px){img[src*="logo-rectangle"],img[src*="recoverly-wordmark"]{max-width:158px;max-height:38px}}