.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%)}}@keyframes fortune-glow-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes fortune-packet-move{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translate(280%);opacity:0}}@keyframes fortune-scanline{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}.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}@keyframes fortune-shimmer-sweep{0%,20%{left:-70%}55%,to{left:150%}}@keyframes fortune-text-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fortune-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-bar-bounce{0%,to{transform:scaleY(.75)}50%{transform:scaleY(1.18)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes radar-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.landing-page .fortune-btn-shimmer{position:relative;overflow:hidden}.landing-page .fortune-btn-shimmer:after{content:"";position:absolute;top:-50%;left:-70%;width:45%;height:200%;background:linear-gradient(60deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:rotate(25deg);animation:fortune-shimmer-sweep 3.8s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.landing-page .fortune-text-shimmer{background:linear-gradient(110deg,currentColor 20%,#a855f7 40%,#38bdf8 60%,currentColor 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:fortune-text-shine 6s ease-in-out infinite}.landing-page .fortune-card{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--gradient-card);border:1px solid var(--border);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.landing-page .fortune-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(56,189,248,.35),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.35;transition:opacity .4s ease,background .4s ease}.landing-page .fortune-card:hover:before{opacity:1;background:linear-gradient(135deg,#a855f7cc,#38bdf8cc,#ec4899b3)}.landing-page .fortune-card:hover{transform:translate3d(0,-8px,0);border-color:#a855f780;box-shadow:0 25px 60px -15px #7c5cff59,0 0 35px -5px #a855f740}.landing-page .fortune-glow{position:absolute;pointer-events:none;border-radius:9999px;filter:blur(50px);opacity:.15;transition:opacity .5s ease;will-change:transform,opacity}.landing-page .fortune-card:hover .fortune-glow{opacity:.5;animation:fortune-glow-pulse 4s ease-in-out infinite}.landing-page .fortune-packet-dot{position:absolute;width:7px;height:7px;border-radius:9999px;background:#38bdf8;box-shadow:0 0 12px #38bdf8,0 0 24px #38bdf8;animation:fortune-packet-move 2.4s linear infinite}.landing-page .animate-radar{animation:radar-pulse 2s cubic-bezier(0,0,.2,1) infinite}.landing-page .animate-float-slow{animation:float-slow 4s ease-in-out infinite}.landing-page .animate-cursor{animation:cursor-blink 1s step-start infinite}.landing-page .hero-bar-animated{transform-origin:bottom;animation:hero-bar-bounce 2.6s ease-in-out infinite}.landing-page .scroll-reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.landing-page .scroll-reveal.in-view{opacity:1;transform:translateZ(0)}