/* Recoverly premium public-site design system. Scoped to the public frontend layout. */
:root{--r-bg:#f7f8ff;--r-bg-soft:#eef0ff;--r-surface:rgba(255,255,255,.88);--r-surface-solid:#fff;--r-text:#171735;--r-muted:#69708b;--r-border:rgba(77,83,145,.15);--r-blue:#175cff;--r-violet:#6c35f5;--r-magenta:#d72eff;--r-cyan:#22d3ee;--r-shadow:0 18px 55px rgba(43,42,110,.09);--r-gradient:linear-gradient(120deg,#1266ff 0%,#632fff 55%,#d82dff 100%);color-scheme:light}
html[data-recoverly-theme="dark"]{--r-bg:#070817;--r-bg-soft:#0d1026;--r-surface:rgba(17,21,47,.88);--r-surface-solid:#11152f;--r-text:#f5f6ff;--r-muted:#a0a7c4;--r-border:rgba(153,164,255,.15);--r-shadow:0 20px 60px rgba(0,0,0,.28);color-scheme:dark}
html{scroll-behavior:smooth}body{background:var(--r-bg)!important;color:var(--r-text)!important;transition:background .25s ease,color .25s ease}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 2%,rgba(30,99,255,.10),transparent 36%),radial-gradient(ellipse at 92% 12%,rgba(205,43,255,.08),transparent 32%),linear-gradient(180deg,var(--r-bg),var(--r-bg-soft));}
html[data-recoverly-theme="dark"] body:before{background:radial-gradient(ellipse at 8% 2%,rgba(25,81,255,.17),transparent 35%),radial-gradient(ellipse at 92% 12%,rgba(170,40,255,.13),transparent 32%),linear-gradient(180deg,#070817,#0b0d21)}
#navbar{background:color-mix(in srgb,var(--r-bg) 78%,transparent)!important;border-color:var(--r-border)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}#navbar.navbar-fixed{background:var(--r-surface)!important;box-shadow:var(--r-shadow);border-bottom:1px solid var(--r-border)!important}
#navbar a,#navbar button{transition:color .2s ease,background .2s ease,border-color .2s ease}#navbar nav a{color:var(--r-muted)}#navbar nav a:hover,#navbar nav a.text-accent-primary{color:var(--r-violet)!important}
footer{background:var(--r-bg)!important;border-color:var(--r-border)!important;color:var(--r-text)}
/* Unify the existing Blade pages without changing routes, content, or controllers. */
main{color:var(--r-text)}main section{position:relative}main .container,main .max-w-7xl{position:relative;z-index:1}
main h1,main h2,main h3,main h4{letter-spacing:-.035em}main h1{line-height:1.08}main p{line-height:1.75}
main .rounded-\[28px\],main .rounded-\[32px\],main .rounded-3xl,main .rounded-2xl,main .rounded-xl,.glass-panel,.card-hover-effect{border-color:var(--r-border)!important}
main .bg-white\/\[0\.02\],main .bg-white\/\[0\.03\],main .bg-white\/\[0\.04\],main .bg-white\/5,main .bg-black\/40,main .bg-\[\#0B0F1A\],main .bg-\[\#050505\]{background:var(--r-surface)!important}
main .border-white\/5,main .border-white\/10,main .border-white\/\[0\.05\]{border-color:var(--r-border)!important}
main .text-white{color:var(--r-text)!important}main .text-slate-200,main .text-slate-300,main .text-text-primary{color:var(--r-text)!important}main .text-slate-400,main .text-slate-500,main .text-text-secondary{color:var(--r-muted)!important}
main input:not([type=checkbox]):not([type=radio]),main select,main textarea{background:var(--r-surface-solid)!important;color:var(--r-text)!important;border:1px solid var(--r-border)!important;border-radius:14px!important}main input::placeholder,main textarea::placeholder{color:var(--r-muted)!important;opacity:.8}main input:focus,main select:focus,main textarea:focus{outline:none!important;border-color:var(--r-violet)!important;box-shadow:0 0 0 4px rgba(108,53,245,.12)!important}
main button,main a[class*="rounded-full"],main a[class*="rounded-2xl"]{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}main button:hover:not(:disabled),main a[class*="bg-gradient"]:hover{filter:saturate(1.12);transform:translateY(-1px)}
main .bg-gradient-to-r.from-accent-primary,main .btn-hover-effect,main .premium-btn{background-image:var(--r-gradient)!important;background-color:var(--r-violet)!important;box-shadow:0 12px 30px rgba(92,54,244,.2)!important;color:#fff!important}
main .text-accent-primary,main .text-indigo-400,main .text-violet-400{color:var(--r-violet)!important}main .from-accent-primary{--tw-gradient-from:#1767ff var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(23 103 255 / 0) var(--tw-gradient-to-position)!important}main .to-accent-secondary{--tw-gradient-to:#d72eff var(--tw-gradient-to-position)!important}
/* Rich page headers shared by informational, product, sector and trading pages. */
main section[class*="relative"]:first-child{isolation:isolate}main section[class*="relative"]:first-child:before{content:"";position:absolute;inset:0 0 auto;height:100%;max-height:680px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(77,66,255,.10),transparent 66%)}
main .backdrop-blur-xl,main .backdrop-blur-md{backdrop-filter:blur(18px)}main table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border-radius:16px}main thead{background:var(--r-bg-soft)}main th{color:var(--r-muted)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}main td,main th{border-bottom:1px solid var(--r-border)!important;padding:.9rem 1rem}main tbody tr:hover{background:rgba(108,53,245,.045)}
/* Keep existing semantic status colours intact while softening their surfaces. */
main .bg-emerald-500\/10,main .bg-green-500\/10{background:rgba(16,185,129,.1)!important}main .bg-rose-500\/10,main .bg-red-500\/10{background:rgba(244,63,94,.1)!important}
#lang-dropdown,#mobile-menu{background:var(--r-surface-solid)!important;border-color:var(--r-border)!important;color:var(--r-text)!important;box-shadow:var(--r-shadow)}#lang-dropdown a{color:var(--r-text)}#lang-dropdown a:hover{background:rgba(108,53,245,.09)!important}
.recoverly-theme-toggle{position:fixed;right:20px;bottom:22px;z-index:120;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--r-border);border-radius:999px;background:var(--r-surface);color:var(--r-text);box-shadow:var(--r-shadow);backdrop-filter:blur(18px);font:600 12px/1.1 inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.recoverly-theme-toggle:hover{transform:translateY(-2px);border-color:rgba(108,53,245,.45)}.recoverly-theme-toggle .r-theme-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--r-gradient);color:#fff}.recoverly-theme-toggle svg{width:15px;height:15px}
@media(max-width:640px){.recoverly-theme-toggle{right:12px;bottom:12px;padding:8px 10px}.recoverly-theme-toggle .r-theme-label{display:none}main h1{font-size:clamp(2.1rem,9vw,3.4rem)}main .container{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Recoverly refinement: darker animated dark mode, navbar theme controls and premium footer. */
html[data-recoverly-theme="dark"]{--r-bg:#03040b;--r-bg-soft:#070a18;--r-surface:rgba(10,13,31,.92);--r-surface-solid:#0a0d1f;--r-text:#f6f7ff;--r-muted:#a0a8c8;--r-border:rgba(124,139,255,.17);--r-shadow:0 24px 70px rgba(0,0,0,.48)}
html[data-recoverly-theme="dark"] body:before{background:radial-gradient(ellipse at 12% 8%,rgba(18,67,255,.24),transparent 35%),radial-gradient(ellipse at 88% 16%,rgba(116,25,220,.20),transparent 34%),radial-gradient(ellipse at 55% 100%,rgba(8,160,220,.10),transparent 38%),linear-gradient(125deg,#02030a,#07091a 42%,#08051a 70%,#03040b);background-size:140% 140%;animation:recoverly-dark-gradient-drift 20s ease-in-out infinite alternate}
@keyframes recoverly-dark-gradient-drift{0%{background-position:0% 0%}50%{background-position:100% 35%}100%{background-position:40% 100%}}
.recoverly-theme-toggle{position:relative;right:auto;bottom:auto;z-index:130;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border:1px solid var(--r-border);border-radius:999px;background:var(--r-surface);color:var(--r-text);box-shadow:0 8px 24px rgba(22,23,80,.12);backdrop-filter:blur(18px);font:600 12px/1.1 inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}
.recoverly-theme-toggle:hover{transform:translateY(-1px);border-color:rgba(108,53,245,.55)}.recoverly-theme-toggle .r-theme-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--r-gradient);color:#fff;flex:0 0 auto}.recoverly-theme-toggle svg{width:15px;height:15px}.recoverly-theme-toggle .r-icon-sun{display:none}html[data-recoverly-theme="dark"] .recoverly-theme-toggle .r-icon-sun{display:block}html[data-recoverly-theme="dark"] .recoverly-theme-toggle .r-icon-moon{display:none}
.recoverly-theme-toggle--mobile{display:inline-flex}.recoverly-theme-toggle--mobile .r-theme-label{display:inline}
#navbar nav{gap:clamp(.7rem,1.4vw,1.5rem)!important;flex-wrap:nowrap}#navbar nav>a{font-size:clamp(.72rem,.82vw,.86rem);white-space:nowrap}#navbar .recoverly-brand-logo{max-width:190px}
.recoverly-premium-footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--r-bg-soft),var(--r-bg))!important;border-color:var(--r-border)!important;color:var(--r-text)!important}
.recoverly-premium-footer:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:260px;background:radial-gradient(ellipse at 12% 0,rgba(34,99,255,.14),transparent 55%),radial-gradient(ellipse at 88% 5%,rgba(191,45,255,.11),transparent 52%);pointer-events:none}
.recoverly-footer-top{padding-bottom:2.5rem;border-bottom:1px solid var(--r-border)}.recoverly-premium-footer .recoverly-footer-heading{color:var(--r-text)!important;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.recoverly-premium-footer a{transition:color .2s ease,transform .2s ease}.recoverly-premium-footer a:hover{color:var(--r-violet)!important}.recoverly-premium-footer .text-white{color:var(--r-text)!important}.recoverly-premium-footer .text-text-secondary{color:var(--r-muted)!important}
@media(max-width:1023px){#navbar nav{gap:1rem!important}#navbar .recoverly-theme-toggle--nav{display:none}}
@media(prefers-reduced-motion:reduce){html[data-recoverly-theme="dark"] body:before{animation:none}}
