*,:before,:after{--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: rgb(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: rgb(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: }.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}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.start-0{inset-inline-start:0px}.top-full{top:100%}.isolate{isolation:isolate}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-ml-1\.5{margin-left:-.375rem}.mb-1{margin-bottom:.25rem}.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}.ms-1{margin-inline-start:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2\.5{height:.625rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[180px\]{min-width:180px}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-\[1240px\]{max-width:1240px}.max-w-\[1440px\]{max-width:1440px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.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))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.\!border-danger{--tw-border-opacity: 1 !important;border-color:rgb(196 92 92 / var(--tw-border-opacity, 1))!important}.border-danger{--tw-border-opacity: 1;border-color:rgb(196 92 92 / var(--tw-border-opacity, 1))}.border-danger\/40{border-color:#c45c5c66}.border-gold{--tw-border-opacity: 1;border-color:rgb(212 175 55 / var(--tw-border-opacity, 1))}.border-gold\/20{border-color:#d4af3733}.border-gold\/30{border-color:#d4af374d}.border-gold\/40{border-color:#d4af3766}.border-gold\/50{border-color:#d4af3780}.border-gold\/60{border-color:#d4af3799}.border-gold2\/40{border-color:#e6c86a66}.border-line{border-color:#d4af3738}.bg-card{--tw-bg-opacity: 1;background-color:rgb(18 18 20 / var(--tw-bg-opacity, 1))}.bg-card2{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(196 92 92 / var(--tw-bg-opacity, 1))}.bg-danger\/10{background-color:#c45c5c1a}.bg-gold{--tw-bg-opacity: 1;background-color:rgb(212 175 55 / var(--tw-bg-opacity, 1))}.bg-gold\/10{background-color:#d4af371a}.bg-gold\/15{background-color:#d4af3726}.bg-gold\/5{background-color:#d4af370d}.bg-gold\/\[0\.07\]{background-color:#d4af3712}.bg-gold2{--tw-bg-opacity: 1;background-color:rgb(230 200 106 / var(--tw-bg-opacity, 1))}.bg-gold2\/10{background-color:#e6c86a1a}.bg-gold2\/15{background-color:#e6c86a26}.bg-night{--tw-bg-opacity: 1;background-color:rgb(7 7 8 / var(--tw-bg-opacity, 1))}.bg-night\/70{background-color:#070708b3}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.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-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-16{padding-bottom:4rem}.ps-4{padding-inline-start:1rem}.pt-28{padding-top:7rem}.text-center{text-align:center}.text-start{text-align:start}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-\[clamp\(2\.6rem\,7vw\,6\.5rem\)\]{font-size:clamp(2.6rem,7vw,6.5rem)}.text-\[clamp\(2rem\,4\.5vw\,3\.75rem\)\]{font-size:clamp(2rem,4.5vw,3.75rem)}.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-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}.lowercase{text-transform:lowercase}.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-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.15\]{line-height:1.15}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.\!text-danger{--tw-text-opacity: 1 !important;color:rgb(196 92 92 / var(--tw-text-opacity, 1))!important}.text-cream{--tw-text-opacity: 1;color:rgb(248 245 240 / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:rgb(196 92 92 / var(--tw-text-opacity, 1))}.text-gold{--tw-text-opacity: 1;color:rgb(212 175 55 / var(--tw-text-opacity, 1))}.text-gold2{--tw-text-opacity: 1;color:rgb(230 200 106 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(184 176 160 / var(--tw-text-opacity, 1))}.text-ongold{--tw-text-opacity: 1;color:rgb(26 20 6 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-\[var\(--gold\)\]{accent-color:var(--gold)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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)}.sepia{--tw-sepia: sepia(100%);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)}.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-filter{-webkit-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);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}*{margin:0;padding:0;box-sizing:border-box}:root{--cinema-x: 72vw;--cinema-y: 24vh;--bg: #070708;--bg-2: #0a0a0b;--bg-elevated: #0e0e10;--inset: #0b0b0d;--card: #121214;--card-2: #18181b;--line: rgba(212, 175, 55, .22);--line-strong: rgba(212, 175, 55, .45);--gold: #d4af37;--gold-2: #e6c86a;--gold-soft: #f5e6c8;--gold-deep: #b8922e;--cream: #f8f5f0;--muted: #b8b0a0;--danger: #c45c5c;--on-gold: #1a1406;--radius: 20px;--radius-sm: 14px;--shadow: 0 24px 64px rgba(0, 0, 0, .55);--glow: 0 0 40px rgba(212, 175, 55, .18);--glow-strong: 0 0 70px rgba(212, 175, 55, .32);--gold-grad: linear-gradient(180deg, #f5e6c8 0%, #e6c86a 32%, #d4af37 62%, #b8922e 100%);--btn-grad: linear-gradient(180deg, #f0d47c 0%, #d4af37 55%, #b8922e 100%);--font-ar: "Cairo", "Tajawal", "IBM Plex Sans Arabic", sans-serif;--font-en: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-brand: "Cinzel", "Playfair Display", Georgia, serif;--font-mono: "Space Mono", ui-monospace, monospace;--font-ui: var(--font-ar);--topbar-h: 84px;--footer-h: 48px;--surface: var(--card);--surface-raised: var(--card-2);--surface2: var(--bg-elevated);--surface3: var(--card-2);--border: var(--line);--border-hover: var(--line-strong);--accent: var(--gold);--accent2: var(--gold-2);--accent3: var(--gold-deep);--energy: var(--gold-2);--ink: var(--cream);--text: var(--cream);--text2: var(--muted);--success: var(--gold-2);--warning: var(--gold-deep);--error: var(--danger);--gold-dim: rgba(212, 175, 55, .6);--gold-glow: rgba(212, 175, 55, .15);--r: 12px;--r-sm: 8px;--r-lg: 16px;--transition: .2s cubic-bezier(.16, 1, .3, 1);--jl-ease: cubic-bezier(.16, 1, .3, 1)}.cinematic-atmosphere{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38rem),linear-gradient(180deg,color-mix(in srgb,var(--surface) 18%,transparent),transparent 36%)}.cinematic-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at var(--cinema-x) var(--cinema-y),color-mix(in srgb,var(--energy) 14%,transparent),transparent 68%);mix-blend-mode:screen;transition:background .08s linear}.cinematic-scan{position:absolute;inset:-40% 0 auto;height:38%;opacity:.22;transform:skewY(-8deg);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--energy) 8%,transparent),transparent);animation:cinematic-scan 13s linear infinite}.cinematic-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:cinematic-grain .35s steps(2) infinite}.cinematic-stage{isolation:isolate}.cinematic-stage:before{content:"";position:fixed;z-index:-1;inset:var(--topbar-h) 0 var(--footer-h);pointer-events:none;box-shadow:inset 0 0 140px #00000094}@keyframes cinematic-scan{0%{transform:translateY(-30vh) skewY(-8deg)}to{transform:translateY(180vh) skewY(-8deg)}}@keyframes cinematic-grain{0%{transform:translateZ(0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,1%,0)}to{transform:translate3d(-2%,-2%,0)}}html,body,#root{width:100%;min-height:100vh;background:var(--bg);color:var(--ink);transition:background-color .6s var(--jl-ease),color .6s var(--jl-ease);font-family:var(--font-ui);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#d4af3773}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{text-decoration:none;color:inherit}button{font-family:inherit}textarea,input,select{font-family:inherit;font-size:14px;background:var(--inset);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:12px 16px;outline:none;transition:all .2s ease;width:100%}textarea:focus,input:focus,select:focus{border-color:var(--line-strong);background:var(--inset);box-shadow:var(--glow)}textarea{min-height:120px;resize:vertical;line-height:1.7}textarea::-moz-placeholder,input::-moz-placeholder{color:var(--muted);opacity:.7}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.7}select option{background:var(--surface)}label{font-size:12px;color:var(--muted);display:block;margin-bottom:8px;font-weight:600}audio,video{width:100%;border-radius:10px;outline:none;margin-bottom:12px}video{max-height:360px;background:#000}.spinner{width:22px;height:22px;border:2.5px solid rgba(212,175,55,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot-inline{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-inline-end:6px;vertical-align:middle}.status-dot-inline.up{background:var(--gold-2);box-shadow:0 0 8px #e6c86ab3;animation:jl-pulse-green 2s ease-in-out infinite}.status-dot-inline.down{background:var(--danger);box-shadow:0 0 8px #c45c5cb3;animation:jl-pulse-red 2s ease-in-out infinite}@keyframes jl-pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes jl-pulse-red{0%,to{opacity:1}50%{opacity:.5}}::-moz-selection{background:var(--gold);color:var(--bg)}::selection{background:var(--gold);color:var(--bg)}.panel{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:32px 24px 60px;isolation:isolate}.panel:before{content:"";position:fixed;z-index:-1;inset:var(--topbar-h) 0 var(--footer-h);pointer-events:none;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--energy) 12%,transparent),transparent 32rem),linear-gradient(180deg,color-mix(in srgb,var(--surface) 24%,transparent),transparent 38%)}.panel-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative}.panel-header:after{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:60px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.panel-title{font-size:clamp(28px,4vw,40px);font-weight:800;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-.6px;line-height:1.15;font-family:Cairo,system-ui,sans-serif}html[lang=en] .panel-title{font-family:var(--font-en);font-weight:700;letter-spacing:.3px}.panel-desc{font-size:15px;color:var(--muted);line-height:1.8;max-width:640px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 880px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#18181beb,#101012f5);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow),inset 0 1px #d4af3714;transition:border-color .3s var(--jl-ease),transform .3s var(--jl-ease),box-shadow .3s var(--jl-ease)}.cinematic-stage .card,.cinematic-stage .result-box,.cinematic-stage .upload-zone,.cinematic-stage .voice-card{box-shadow:0 18px 55px #0000002e;transform:translateZ(0)}.cinematic-stage .card:after,.cinematic-stage .result-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--cinema-x) var(--cinema-y),color-mix(in srgb,var(--energy) 9%,transparent),transparent 72%);transition:opacity .35s var(--jl-ease)}.cinematic-stage .card:hover:after,.cinematic-stage .result-box:hover:after{opacity:1}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow),var(--glow);transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);opacity:0;transition:opacity .4s}.card:hover:before{opacity:1}.card-title{font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold)}.form-group{margin-bottom:20px}label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;border:1px solid transparent;font-family:var(--font-ui);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:.3px;outline:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--btn-grad);color:var(--on-gold);border-color:#fff0c859;box-shadow:0 10px 30px #d4af3740,inset 0 1px #fff6;font-weight:800}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.16,1,.3,1)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af3766}.btn-outline{background:transparent;border:1px solid var(--line-strong);color:var(--gold-soft)}.btn-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold-2);background:#d4af371a}.btn-success{background:var(--btn-grad);color:var(--on-gold);box-shadow:0 8px 24px #e6c86a40}.btn-ghost{background:transparent;color:var(--muted);padding:8px;border:none;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.btn-ghost:hover{color:var(--gold);background:#d4af3714}.toggle-group{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.toggle-btn{padding:9px 18px;border:1px solid var(--line);border-radius:100px;background:var(--card-2);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;font-family:Cairo,system-ui,sans-serif;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.3px}.toggle-btn:hover{border-color:#d4af3766;color:var(--cream)}.toggle-btn.active{border-color:var(--gold);color:var(--on-gold);background:var(--btn-grad);box-shadow:0 4px 16px #d4af374d;font-weight:800}.toggle-btn:disabled{opacity:.3;cursor:not-allowed}.upload-zone{border:2px dashed var(--line-strong);border-radius:var(--radius);padding:48px 28px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);background:var(--inset);position:relative;overflow:hidden}.upload-zone:focus-visible,.btn:focus-visible,.toggle-btn:focus-visible,.voice-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,175,55,.12),transparent 60%);opacity:0;transition:opacity .4s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--gold);background:#d4af370a}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.upload-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(212,175,55,.3));position:relative}.upload-label{font-size:14px;color:var(--muted);position:relative;line-height:1.7}.upload-label strong{color:var(--gold);font-weight:800}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}.voice-card{padding:16px;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;background:var(--card-2);position:relative;overflow:hidden}@media (max-width: 700px){.panel{padding:24px 14px 72px}.panel:before{background:radial-gradient(circle at 100% 14%,color-mix(in srgb,var(--energy) 10%,transparent),transparent 20rem)}.card{padding:18px;border-radius:14px}.upload-zone{padding:34px 18px}}@media (prefers-reduced-motion: reduce){.cinematic-scan,.cinematic-grain{display:none}.cinematic-spotlight{background:radial-gradient(420px circle at 75% 20%,color-mix(in srgb,var(--energy) 10%,transparent),transparent 68%)}.panel *,.panel *:before,.panel *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.voice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .3s}.voice-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #d4af3726}.voice-card:hover:before{transform:scaleX(1)}.voice-card.selected{border-color:var(--gold);background:linear-gradient(180deg,#d4af371f,#d4af370a);box-shadow:0 8px 24px #d4af3733}.voice-card.selected:before{transform:scaleX(1)}.vc-emoji{font-size:32px;display:block;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.vc-name{font-size:13px;font-weight:700;color:var(--cream)}.vc-desc{font-size:10px;color:var(--muted);margin-top:4px}.result-box{margin-top:20px;background:linear-gradient(135deg,#e6c86a14,#e6c86a05);border:1px solid rgba(230,200,106,.4);border-radius:14px;padding:20px}.result-title{font-size:11px;color:var(--gold-2);font-weight:800;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.result-title:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--gold-2);color:var(--bg);border-radius:50%;font-size:11px;font-weight:900}.error-box{margin-top:16px;background:linear-gradient(135deg,#c45c5c1a,#c45c5c08);border:1px solid rgba(196,92,92,.4);border-radius:12px;padding:14px 18px;font-size:13px;color:var(--danger);display:flex;align-items:center;gap:10px}.loading{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:14px;margin-top:16px;padding:14px 20px;background:#d4af370f;border:1px solid rgba(212,175,55,.2);border-radius:12px}.slider-row{display:flex;align-items:center;gap:12px}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#121214cc;border-radius:100px;outline:none;border:1px solid var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #d4af3780;border:2px solid var(--bg)}.slider-val{font-size:12px;color:var(--gold);font-family:var(--font-mono);font-weight:700;min-width:44px;padding:4px 10px;background:#12121499;border-radius:6px;text-align:center}.engine-badge-row{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:10px 18px;background:#d4af370a;border:1px solid rgba(212,175,55,.2);border-radius:100px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.engine-badge-label{color:#d4af37b3;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:10px}.engine-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:600}.mf-gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mf-ic{width:1em;height:1em;flex-shrink:0;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mf-topbar{position:fixed;top:0;inset-inline:0;z-index:100;height:var(--topbar-h);display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#070708db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}[dir=ltr] .mf-topbar{flex-direction:row}.mf-brand{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;background:none;border:0;padding:0;cursor:pointer}[dir=ltr] .mf-brand{flex-direction:row}.mf-brand-mark{height:44px;width:auto;filter:drop-shadow(0 0 10px rgba(212,175,55,.45))}.mf-brand-logo{height:62px;filter:drop-shadow(0 0 10px rgba(212,175,55,.35)) brightness(1.12)}.mf-brand-text{display:flex;flex-direction:column;text-align:left;direction:ltr;line-height:1.1}.mf-brand-text strong{font-family:var(--font-brand);font-size:20px;font-weight:700;letter-spacing:1.2px;white-space:nowrap;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mf-brand-text small{font-size:9px;letter-spacing:2.4px;color:var(--muted);margin-top:3px}.mf-nav{display:flex;flex-direction:row-reverse;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}[dir=ltr] .mf-nav{flex-direction:row}.mf-nav::-webkit-scrollbar{display:none}.mf-nav button{position:relative;padding:10px 14px;background:none;border:0;cursor:pointer;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap;font-family:inherit;transition:color .2s}.mf-nav button:hover{color:var(--gold-soft)}.mf-nav button.active{color:var(--gold-2)}.mf-nav button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--gold-grad)}.mf-top-actions{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}[dir=ltr] .mf-top-actions{flex-direction:row}.mf-pro-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold-soft);font-weight:700;font-size:14px;white-space:nowrap;background:none;border:0;cursor:pointer;font-family:inherit}.mf-pro-link .mf-ring{width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-size:17px;display:grid;place-items:center;box-shadow:var(--glow);transition:background .2s}.mf-pro-link:hover .mf-ring{background:#d4af371f}.mf-sep{width:1px;height:26px;background:var(--line)}.mf-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--gold);display:grid;place-items:center;font-size:17px;transition:.2s;cursor:pointer;font-family:inherit;padding:0}.mf-icon-btn:hover,.mf-icon-btn[aria-expanded=true]{background:#d4af371a;border-color:var(--gold)}.mf-pill-btn{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--gold-2);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;font-family:inherit;transition:.2s}.mf-pill-btn:hover{background:#d4af371a;border-color:var(--gold)}.mf-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;padding:0;border:1px solid var(--gold);background:var(--card);color:var(--gold);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;display:grid;place-items:center;box-shadow:var(--glow)}.mf-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--gold-soft);font-weight:700;font-size:15px;white-space:nowrap;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.mf-btn:hover{background:#d4af371a;border-color:var(--gold)}.mf-btn-outline{color:var(--gold-2);border-color:var(--gold)}.mf-btn-gold{background:var(--btn-grad);color:var(--on-gold);border-color:transparent;box-shadow:0 10px 30px #d4af3740,inset 0 1px #fff6}.mf-btn-gold:hover{background:var(--btn-grad);filter:brightness(1.06);transform:translateY(-1px)}.mf-btn-sm{padding:8px 14px;font-size:13px}.mf-btn-lg{padding:14px 26px;font-size:17px}.mf-btn-block{width:100%}.mf-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mf-page{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:24px;padding:24px 28px;min-height:calc(100vh - var(--topbar-h) - var(--footer-h))}.mf-page>*{grid-row:1}.mf-page .mf-rail{grid-column:1}.mf-page .mf-main{grid-column:2;min-width:0}.mf-page .mf-sidebar,[dir=ltr] .mf-page .mf-rail{grid-column:3}[dir=ltr] .mf-page .mf-sidebar{grid-column:1}.mf-sidebar,.mf-rail{position:sticky;top:calc(var(--topbar-h) + 24px);height:calc(100vh - var(--topbar-h) - var(--footer-h) - 48px);overflow:hidden;background:linear-gradient(180deg,#18181bf2,#0c0c0ef2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mf-sidebar{padding:16px 14px;display:flex;flex-direction:column;gap:14px}.mf-side-nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;padding-inline-end:4px;scrollbar-width:thin}.mf-side-group{margin:10px 8px 4px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:.75;display:flex;align-items:center;gap:8px}.mf-side-group:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.mf-side-group:first-child{margin-top:0}.mf-side-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:12px;text-align:start;color:var(--muted);font-weight:600;font-size:13.5px;font-family:inherit;background:none;border:1px solid transparent;cursor:pointer;transition:.2s}.mf-side-item .mf-side-ic{font-size:17px;width:22px;text-align:center;opacity:.85;flex-shrink:0}.mf-side-item:hover{color:var(--gold-soft);background:#d4af370f;border-color:var(--line)}.mf-side-item.active{color:var(--gold-2);background:linear-gradient(to left,#d4af3738,#d4af370d);border-color:var(--line-strong);box-shadow:var(--glow)}[dir=ltr] .mf-side-item.active{background:linear-gradient(to right,#d4af3738,#d4af370d)}.mf-side-item .mf-badge{margin-inline-start:auto;font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:999px;border:1px solid var(--line-strong);color:var(--gold)}.mf-pro-box{padding:16px 14px;text-align:center;flex-shrink:0;border:1px solid var(--line-strong);border-radius:16px;background:radial-gradient(circle at top,rgba(212,175,55,.18),transparent 65%);box-shadow:inset 0 1px #d4af3726}.mf-pro-box-title{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold-2);font-weight:800;font-size:15px}.mf-pro-box p{color:var(--muted);font-size:12.5px;margin:6px 0 12px}.mf-page-head{text-align:center;margin:6px 0 26px}.mf-page-head.start{text-align:start}.mf-hero-title{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-en);font-weight:700;font-size:clamp(40px,4.4vw,64px);line-height:1.15;letter-spacing:.5px}.mf-hero-title.ar{font-family:var(--font-ar);font-weight:800;font-size:clamp(34px,3.6vw,48px);letter-spacing:0}.mf-hero-title .mf-title-ic{color:var(--gold);font-size:.72em;filter:drop-shadow(0 0 12px rgba(212,175,55,.5))}.mf-hero-sub{color:var(--gold-2);font-size:24px;font-weight:600;margin-top:2px}.mf-hero-desc{color:var(--muted);font-size:17px;max-width:760px;margin:0 auto}.mf-page-head.start .mf-hero-desc{margin:4px 0 0}.mf-ornament{display:flex;align-items:center;gap:14px;max-width:680px;margin:14px auto;color:var(--gold);font-size:11px}.mf-ornament:before,.mf-ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.mf-page-head.start .mf-ornament{margin:12px 0;max-width:380px}.mf-page-head.start .mf-ornament:after{display:none}.mf-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#d4af370d;color:var(--gold);font-weight:600;font-size:14px}.mf-card{position:relative;background:linear-gradient(180deg,#18181beb,#101012f5);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px;box-shadow:var(--shadow),inset 0 1px #d4af3714}.mf-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mf-card-title{display:flex;align-items:center;gap:10px;color:var(--gold-soft);font-size:19px;font-weight:700;margin:0}.mf-card-title .mf-ic,.mf-card-title svg{color:var(--gold);font-size:22px}.mf-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#d4af370f;color:var(--gold-2);font-size:13px;font-weight:600;white-space:nowrap}.mf-pill svg{color:var(--gold)}.mf-hint{color:var(--muted);font-size:14px;margin-top:14px}.mf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mf-grid-2 .mf-card{margin-bottom:0}.mf-feature{padding:26px 24px;min-height:190px;transition:transform .25s,border-color .25s}.mf-feature:hover{transform:translateY(-4px);border-color:var(--line-strong)}.mf-feature-ic{width:50px;height:50px;border-radius:50%;border:1px solid var(--line-strong);color:var(--gold);font-size:23px;display:grid;place-items:center;margin-bottom:14px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%)}.mf-lyrics{background:var(--inset);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;min-height:230px;width:100%;font-size:17px;line-height:2;color:var(--cream);font-family:inherit;box-shadow:inset 0 2px 14px #00000080;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.mf-lyrics:focus,.mf-lyrics:focus-within{border-color:var(--line-strong);box-shadow:inset 0 2px 14px #00000080,var(--glow)}.mf-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:14px;color:var(--muted);font-size:14px}.mf-meta-row .mf-m{display:inline-flex;align-items:center;gap:8px}.mf-meta-row .mf-m svg{color:var(--gold);font-size:16px}.mf-meta-row .ok{color:var(--gold-soft)}.mf-meta-row .push{margin-inline-start:auto}.mf-chips{display:flex;gap:12px;flex-wrap:wrap}.mf-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;border:1px solid var(--line);background:var(--card-2);color:var(--cream);font-weight:600;font-size:15px;font-family:inherit;cursor:pointer;transition:.2s}.mf-chip:hover{border-color:var(--line-strong)}.mf-chip.active{border-color:var(--gold);background:linear-gradient(180deg,#d4af3729,#d4af370a);box-shadow:var(--glow),inset 0 0 0 1px #d4af3759}.mf-chip:disabled{opacity:.4;cursor:not-allowed}.mf-chip.sm{padding:8px 12px;font-size:13px;gap:8px;border-radius:12px}.mf-chip.sm .mf-flag{width:26px;height:18px;font-size:9px}.mf-flag{width:30px;height:21px;border-radius:4px;border:1px solid var(--line-strong);background:#d4af3714;display:grid;place-items:center;font-family:var(--font-en);font-size:10px;letter-spacing:1px;color:var(--gold);direction:ltr}.mf-chip.active .mf-flag{background:#d4af3733;color:var(--gold-2)}.mf-settings{display:flex;flex-direction:column;gap:10px}.mf-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#0b0b0db3;transition:border-color .2s;margin:0}.mf-setting:hover,.mf-setting:focus-within{border-color:var(--line-strong)}.mf-setting .mf-lbl{display:inline-flex;align-items:center;gap:10px;color:var(--cream);font-weight:600;font-size:15px;text-transform:none;letter-spacing:0;margin:0}.mf-setting .mf-lbl svg{color:var(--gold);font-size:18px}.mf-setting select,.mf-setting input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:auto;border:0;outline:none;background-color:transparent;cursor:pointer;box-shadow:none;color:var(--gold-2);font-weight:700;font-size:15px;padding:4px 6px 4px 26px;text-align:right}.mf-setting select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:left 4px center;background-size:14px}[dir=ltr] .mf-setting select,[dir=ltr] .mf-setting input{text-align:left;padding:4px 26px 4px 6px}[dir=ltr] .mf-setting select{background-position:right 4px center}.mf-setting select option{background:var(--card);color:var(--cream)}.mf-cta-wrap{display:flex;justify-content:center;margin-top:26px}.mf-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:380px;padding:18px 40px;border-radius:999px;background:var(--btn-grad);color:var(--on-gold);border:1px solid rgba(255,240,200,.35);font-size:24px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 0 0 1px #d4af3740,0 18px 48px #d4af3747,inset 0 1px #ffffff73;transition:transform .2s,box-shadow .2s,filter .2s}.mf-cta svg{font-size:26px}.mf-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #d4af3759,0 24px 60px #d4af3761,inset 0 1px #ffffff80}.mf-cta:active{transform:translateY(0)}.mf-cta[disabled]{cursor:progress;filter:saturate(.7);transform:none}.mf-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--muted);font-size:13px}.mf-footnote svg{color:var(--gold)}.mf-rail{padding:28px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(60% 40% at 50% 38%,rgba(212,175,55,.14),transparent 70%),linear-gradient(180deg,#141417bf,#09090beb)}.mf-rail:after,.mf-sidebar:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,rgba(212,175,55,.14) 0 1px,transparent 1px 16px);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);opacity:.55}.mf-rail:after{right:-120px;bottom:-120px}.mf-sidebar:after{left:-140px;bottom:120px;opacity:.35}.mf-mic-stage{position:relative;width:228px;height:340px;flex-shrink:0}.mf-mic-stage:before{content:"";position:absolute;top:0;left:50%;width:220px;height:220px;transform:translate(-50%);border-radius:50%;border:1px solid var(--line-strong);background:radial-gradient(circle,rgba(212,175,55,.24) 0%,rgba(212,175,55,.07) 45%,transparent 70%);box-shadow:var(--glow-strong),inset 0 0 60px #d4af371f}.mf-mic-stage:after{content:"";position:absolute;top:-16px;left:50%;width:252px;height:252px;transform:translate(-50%);border-radius:50%;border:1px solid var(--line);opacity:.6}.mf-mic-stage img{position:absolute;top:14px;left:50%;transform:translate(-50%);width:160px;height:auto;z-index:1;filter:drop-shadow(0 24px 40px rgba(212,175,55,.35))}.mf-mic-stage .mf-mono{position:absolute;z-index:2;left:50%;top:92px;width:44px;transform:translate(-50%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.mf-rail-tag{color:var(--gold-2);font-size:13px;font-weight:700;text-align:center;line-height:1.7}.mf-rail-tag small{display:block;color:var(--muted);font-weight:500;font-size:11px}.mf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.mf-search{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--inset);color:var(--muted);transition:.2s}.mf-search svg{color:var(--gold)}.mf-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--cream);font-size:15px;padding:0;box-shadow:none}.mf-search:focus-within{border-color:var(--line-strong);box-shadow:var(--glow)}@media (max-width: 1400px){.mf-page{grid-template-columns:240px minmax(0,1fr) 270px}.mf-cta{min-width:320px;font-size:21px}}@media (max-width: 1180px){.mf-page{grid-template-columns:1fr;padding:16px}.mf-page .mf-main,[dir=ltr] .mf-page .mf-main{grid-column:1}.mf-sidebar,.mf-rail,.mf-nav{display:none}}@media (max-width: 820px){.mf-topbar{padding:0 14px;gap:10px}.mf-brand-text small,.mf-pro-link>span:first-child,.mf-sep{display:none}.mf-brand-mark{height:36px}.mf-brand-logo{height:40px}.mf-grid-2{grid-template-columns:1fr}.mf-cta{min-width:0;width:100%;font-size:19px}.mf-toolbar{flex-direction:column;align-items:stretch}.mf-search{max-width:none}}.mf-side-nav{scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.35) transparent}.mf-side-nav::-webkit-scrollbar{width:5px}.mf-side-nav::-webkit-scrollbar-track{background:transparent}.mf-side-nav::-webkit-scrollbar-thumb{background:#d4af3759;border:0;border-radius:5px}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gold:hover{--tw-border-opacity: 1;border-color:rgb(212 175 55 / var(--tw-border-opacity, 1))}.hover\:border-gold\/50:hover{border-color:#d4af3780}.hover\:bg-card2:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.hover\:bg-danger\/10:hover{background-color:#c45c5c1a}.hover\:bg-gold\/15:hover{background-color:#d4af3726}.hover\:bg-gold2:hover{--tw-bg-opacity: 1;background-color:rgb(230 200 106 / var(--tw-bg-opacity, 1))}.hover\:text-cream:hover{--tw-text-opacity: 1;color:rgb(248 245 240 / var(--tw-text-opacity, 1))}.hover\:text-danger:hover{--tw-text-opacity: 1;color:rgb(196 92 92 / var(--tw-text-opacity, 1))}.hover\:text-gold:hover{--tw-text-opacity: 1;color:rgb(212 175 55 / var(--tw-text-opacity, 1))}.focus\:border-gold:focus{--tw-border-opacity: 1;border-color:rgb(212 175 55 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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)}.focus\:ring-gold2:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(230 200 106 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width: 640px){.sm\:w-80{width:20rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 768px){.md\:w-56{width:14rem}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}}