.fanzly-landing{--radius: .875rem;--radius-2xl: calc(var(--radius) + 8px);--background: oklch(.98 .01 250);--foreground: oklch(.16 .045 270);--surface: oklch(.95 .01 250);--surface-elevated: oklch(1 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.16 .045 270);--primary: oklch(.6 .22 275);--primary-foreground: oklch(.99 0 0);--primary-glow: oklch(.68 .24 285);--primary-glow-rgba: rgba(124, 92, 255, .25);--secondary: oklch(.92 .02 270);--muted: oklch(.94 .01 250);--muted-foreground: oklch(.35 .03 260);--accent: oklch(.65 .18 200);--success: oklch(.62 .18 155);--destructive: oklch(.55 .24 25);--border: oklch(0 0 0 / .15);--border-strong: oklch(0 0 0 / .25);--glass-bg: oklch(1 0 0 / .7);--glass-border: oklch(0 0 0 / .1);--surface-popular: linear-gradient(160deg, oklch(.98 .01 275), oklch(.94 .02 285));--gradient-primary: linear-gradient(135deg, oklch(.58 .22 275), oklch(.68 .24 290));--gradient-card: linear-gradient(160deg, oklch(1 0 0), oklch(.98 .01 250 / .8));--gradient-text: linear-gradient(135deg, oklch(.16 .045 270), oklch(.4 .15 280));--shadow-glow: 0 0 60px -10px var(--primary-glow-rgba);--shadow-elevated: 0 10px 30px -10px oklch(0 0 0 / .15), 0 1px 0 0 oklch(1 0 0 / .5) inset}.dark .fanzly-landing,.fanzly-landing.dark{--background: oklch(.16 .045 270);--foreground: oklch(.97 .01 250);--surface: oklch(.2 .05 270);--surface-elevated: oklch(.24 .055 270);--card: oklch(.21 .05 270);--card-foreground: oklch(.97 .01 250);--primary: oklch(.65 .22 275);--primary-foreground: oklch(.99 0 0);--primary-glow: oklch(.72 .24 285);--primary-glow-rgba: rgba(124, 92, 255, .45);--secondary: oklch(.27 .06 270);--muted: oklch(.25 .045 270);--muted-foreground: oklch(.85 .03 260);--accent: oklch(.72 .18 200);--success: oklch(.78 .18 155);--destructive: oklch(.65 .24 25);--border: oklch(1 0 0 / .1);--border-strong: oklch(1 0 0 / .15);--glass-bg: oklch(.22 .05 270 / .55);--glass-border: oklch(1 0 0 / .08);--surface-popular: linear-gradient(160deg, oklch(.28 .08 275 / .7), oklch(.2 .05 270 / .6));--gradient-primary: linear-gradient(135deg, oklch(.62 .22 275), oklch(.72 .24 290));--gradient-card: linear-gradient(160deg, oklch(.24 .055 270 / .8), oklch(.2 .05 270 / .6));--gradient-text: linear-gradient(135deg, oklch(.99 0 0), oklch(.78 .15 280));--shadow-glow: 0 0 60px -10px var(--primary-glow-rgba);--shadow-elevated: 0 20px 50px -20px oklch(0 0 0 / .6), 0 1px 0 0 oklch(1 0 0 / .05) inset}.fanzly-landing{background:var(--background)!important;color:var(--foreground)!important;font-family:Inter,IBM Plex Sans Arabic,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 800px 500px at 15% -10%,var(--primary) / .15,transparent 60%),radial-gradient(ellipse 700px 500px at 90% 110%,var(--accent) / .12,transparent 60%)!important;background-attachment:fixed!important;scroll-behavior:smooth;transition:background-color .5s ease,color .5s ease}.fanzly-landing[dir=rtl],[dir=rtl] .fanzly-landing{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif!important}.landing-page{overflow-x:hidden;min-height:100vh}.landing-page .font-display{font-family:Outfit,IBM Plex Sans Arabic,system-ui,sans-serif}.landing-page .text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding-block:.1em;margin-block:-.1em}.landing-page .text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-page .container-page{max-width:1280px;margin-inline:auto;padding-inline:1.5rem}.landing-page .glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--glass-border)}.landing-page .glass-strong{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border-strong)}.landing-page .surface-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-2xl)}.landing-page .bg-grid{background-image:linear-gradient(to right,oklch(1 0 0 / .04) 1px,transparent 1px),linear-gradient(to bottom,oklch(1 0 0 / .04) 1px,transparent 1px);background-size:60px 60px}.landing-page .hover-lift{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.landing-page .hover-lift:hover{transform:translateY(-4px);border-color:#717fff80;border-color:oklch(.65 .22 275 / .5);box-shadow:0 20px 50px -20px var(--primary-glow-rgba)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.landing-page[dir=rtl] .animate-marquee{animation:marquee-rtl 40s linear infinite}.landing-page .animate-fade-in-up{animation:fade-in-up .7s cubic-bezier(.16,1,.3,1) forwards}.landing-page .animate-scale-in{animation:scale-in .5s cubic-bezier(.16,1,.3,1) forwards}.landing-page .animate-float{animation:float 6s ease-in-out infinite}.landing-page .animate-marquee{animation:marquee 40s linear infinite}