@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');*,::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 / 0.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 / 0.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:;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:'';}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:'Poppins',sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;background:linear-gradient(135deg,#F8FAFC 0%,#FFFFFF 100%);color:var(--text-primary);}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:'Poppins',monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none;}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}fieldset{margin:0;padding:0;}legend{padding:0;}ol,ul,menu{list-style:none;margin:0;padding:0;}dialog{padding:0;}textarea{resize:vertical;}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer;}:disabled{cursor:default;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none;}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;font-weight:600;line-height:1.2;}.font-mono{font-family:'Poppins',monospace;}.card-interactive{cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms;transition-timing-function:cubic-bezier(0,0,0.2,1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}.card-interactive:hover{transform:scale(1.02);box-shadow:0 4px 6px rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.12);}.skeleton-shimmer{background:linear-gradient(90deg,rgba(241,245,249,0.8) 25%,rgba(226,232,240,0.9) 50%,rgba(241,245,249,0.8) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.btn-feedback{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:200ms;transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1);}.btn-feedback:active{transform:scale(0.98);}.game-thumbnail{position:relative;overflow:hidden;border-radius:0.5rem;aspect-ratio:16/9;background:var(--color-surface);}.game-thumbnail img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms;}.game-thumbnail:hover img{transform:scale(1.05);}.visible{visibility:visible;}.invisible{visibility:hidden;}.static{position:static;}.fixed{position:fixed;}.absolute{position:absolute;}.relative{position:relative;}.sticky{position:sticky;}.inset-0{inset:0px;}.inset-x-0{left:0px;right:0px;}.-right-1{right:-0.25rem;}.-top-1{top:-0.25rem;}.-top-12{top:-3rem;}.bottom-0{bottom:0px;}.bottom-4{bottom:1rem;}.left-0{left:0px;}.left-3{left:0.75rem;}.left-4{left:1rem;}.right-0{right:0px;}.right-2{right:0.5rem;}.right-3{right:0.75rem;}.right-4{right:1rem;}.top-0{top:0px;}.top-1\/2{top:50%;}.top-2{top:0.5rem;}.top-20{top:5rem;}.top-4{top:1rem;}.top-full{top:100%;}.z-10{z-index:10;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-auto{margin-left:auto;margin-right:auto;}.mb-1{margin-bottom:0.25rem;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.ml-1{margin-left:0.25rem;}.ml-auto{margin-left:auto;}.mt-1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-4{margin-top:1rem;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.h-10{height:2.5rem;}.h-16{height:4rem;}.h-2{height:0.5rem;}.h-20{height:5rem;}.h-24{height:6rem;}.h-3{height:0.75rem;}.h-32{height:8rem;}.h-4{height:1rem;}.h-48{height:12rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-64{height:16rem;}.h-8{height:2rem;}.h-full{height:100%;}.max-h-\[80vh\]{max-height:80vh;}.max-h-\[calc\(80vh-80px\)\]{max-height:calc(80vh - 80px);}.max-h-full{max-height:100%;}.w-10{width:2.5rem;}.w-16{width:4rem;}.w-20{width:5rem;}.w-3{width:0.75rem;}.w-32{width:8rem;}.w-4{width:1rem;}.w-40{width:10rem;}.w-5{width:1.25rem;}.w-6{width:1.5rem;}.w-64{width:16rem;}.w-8{width:2rem;}.w-80{width:20rem;}.w-full{width:100%;}.max-w-full{max-width:100%;}.max-w-sm{max-width:24rem;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}@keyframes spin{to{transform:rotate(360deg);}}.animate-spin{animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness);}.snap-mandatory{--tw-scroll-snap-strictness:mandatory;}.snap-start{scroll-snap-align:start;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:1rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-none{border-radius:0px;}.rounded-xl{border-radius:0.75rem;}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem;}.border{border-width:1px;}.border-4{border-width:4px;}.border-b{border-bottom-width:1px;}.border-t{border-top-width:1px;}.border-border{border-color:rgba(148,163,184,0.3);}.border-border-light{border-color:rgba(148,163,184,0.4);}.border-primary{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity,1));}.border-t-transparent{border-top-color:transparent;}.bg-accent{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity,1));}.bg-accent\/20{background-color:rgb(245 158 11 / 0.2);}.bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1));}.bg-black\/40{background-color:rgb(0 0 0 / 0.4);}.bg-black\/50{background-color:rgb(0 0 0 / 0.5);}.bg-black\/70{background-color:rgb(0 0 0 / 0.7);}.bg-black\/80{background-color:rgb(0 0 0 / 0.8);}.bg-black\/90{background-color:rgb(0 0 0 / 0.9);}.bg-error\/20{background-color:rgb(239 68 68 / 0.2);}.bg-primary{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity,1));}.bg-primary\/20{background-color:rgb(99 102 241 / 0.2);}.bg-primary\/90{background-color:rgb(99 102 241 / 0.9);}.bg-secondary\/20{background-color:rgb(139 92 246 / 0.2);}.bg-success\/20{background-color:rgb(16 185 129 / 0.2);}.bg-surface{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1));}.bg-surface-light{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity,1));}.bg-surface-light\/50{background-color:rgb(241 245 249 / 0.5);}.bg-surface\/90{background-color:rgb(248 250 252 / 0.9);}.bg-warning\/20{background-color:rgb(245 158 11 / 0.2);}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops));}.from-black\/60{--tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-primary\/20{--tw-gradient-from:rgb(99 102 241 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.via-transparent{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);}.to-secondary\/20{--tw-gradient-to:rgb(139 92 246 / 0.2) var(--tw-gradient-to-position);}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);}.fill-current{fill:currentColor;}.object-cover{-o-object-fit:cover;object-fit:cover;}.p-1{padding:0.25rem;}.p-2{padding:0.5rem;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.p-8{padding:2rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.pb-20{padding-bottom:5rem;}.pb-24{padding-bottom:6rem;}.pb-3{padding-bottom:0.75rem;}.pl-10{padding-left:2.5rem;}.pr-12{padding-right:3rem;}.text-left{text-align:left;}.text-center{text-align:center;}.font-mono{font-family:'Poppins',monospace;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.uppercase{text-transform:uppercase;}.leading-relaxed{line-height:1.625;}.tracking-wide{letter-spacing:0.025em;}.text-accent{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity,1));}.text-error{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity,1));}.text-primary{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity,1));}.text-secondary{--tw-text-opacity:1;color:rgb(139 92 246 / var(--tw-text-opacity,1));}.text-success{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity,1));}.text-text-muted{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity,1));}.text-text-primary{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity,1));}.text-text-secondary{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1));}.text-warning{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity,1));}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));}.placeholder-text-muted::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity,1));}.placeholder-text-muted::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity,1));}.opacity-0{opacity:0;}.opacity-100{opacity:1;}.shadow-elevation-2{--tw-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);--tw-shadow-colored:0 3px 6px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}.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);}.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-blur-md{--tw-backdrop-blur:blur(8px);-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);}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-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-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}:root{--color-primary:#6366F1;--color-primary-50:#EEF2FF;--color-primary-100:#E0E7FF;--color-primary-200:#C7D2FE;--color-primary-300:#A5B4FC;--color-primary-400:#818CF8;--color-primary-500:#6366F1;--color-primary-600:#4F46E5;--color-primary-700:#4338CA;--color-primary-800:#3730A3;--color-primary-900:#312E81;--color-secondary:#8B5CF6;--color-secondary-50:#F5F3FF;--color-secondary-100:#EDE9FE;--color-secondary-200:#DDD6FE;--color-secondary-300:#C4B5FD;--color-secondary-400:#A78BFA;--color-secondary-500:#8B5CF6;--color-secondary-600:#7C3AED;--color-secondary-700:#6D28D9;--color-secondary-800:#5B21B6;--color-secondary-900:#4C1D95;--color-accent:#F59E0B;--color-accent-50:#FFFBEB;--color-accent-100:#FEF3C7;--color-accent-200:#FDE68A;--color-accent-300:#FCD34D;--color-accent-400:#FBBF24;--color-accent-500:#F59E0B;--color-accent-600:#D97706;--color-accent-700:#B45309;--color-accent-800:#92400E;--color-accent-900:#78350F;--color-background:#FFFFFF;--color-surface:#F8FAFC;--color-surface-light:#F1F5F9;--color-text-primary:#0F172A;--color-text-secondary:#475569;--color-text-muted:#64748B;--color-success:#10B981;--color-success-50:#ECFDF5;--color-success-100:#D1FAE5;--color-success-500:#10B981;--color-success-600:#059669;--color-warning:#F59E0B;--color-warning-50:#FFFBEB;--color-warning-100:#FEF3C7;--color-warning-500:#F59E0B;--color-warning-600:#D97706;--color-error:#EF4444;--color-error-50:#FEF2F2;--color-error-100:#FEE2E2;--color-error-500:#EF4444;--color-error-600:#DC2626;--color-border:rgba(148,163,184,0.3);--color-border-light:rgba(148,163,184,0.4);--primary-color:#6366F1;--secondary-color:#8B5CF6;--dark-bg:#FFFFFF;--darker-bg:#F8FAFC;--text-light:#1E293B;--text-muted:#64748B;}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.hover\:bg-black\/70:hover{background-color:rgb(0 0 0 / 0.7);}.hover\:bg-border-light:hover{background-color:rgba(71,85,105,0.3);}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity,1));}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity,1));}.hover\:bg-primary\/30:hover{background-color:rgb(99 102 241 / 0.3);}.hover\:bg-surface:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1));}.hover\:bg-surface-light:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity,1));}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1));}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity,1));}.hover\:text-primary-400:hover{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity,1));}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));}.hover\:opacity-100:hover{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-primary\/50:focus{--tw-ring-color:rgb(99 102 241 / 0.5);}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:bg-primary{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity,1));}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}:root{--primary-color:#6366f1;--secondary-color:#4f46e5;--dark-color:#1e293b;--light-color:#f8fafc;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#F8FAFC 0%,#FFFFFF 100%);min-height:100vh;color:var(--text-primary);line-height:1.6;}body.svg-background{background:none;}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.navbar-brand{font-weight:600;color:var(--text-primary) !important;display:flex;align-items:center;}.navbar-brand img{height:58px;width:auto;object-fit:contain;transition:transform 0.3s ease;}.navbar-brand:hover img{transform:scale(1.05);}.nav-link{color:var(--text-secondary) !important;font-weight:500;transition:color 0.3s ease;}.nav-link:hover{color:var(--primary-color) !important;}.game-card{background:#FFFFFF;border:1px solid rgba(148,163,184,0.3);border-radius:1rem;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15);border-color:rgba(99,102,241,0.3);}.game-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-bottom:1px solid rgba(148,163,184,0.2);}.game-card .card-body{padding:.8rem;}.game-card .card-title{font-weight:600;margin-bottom:0;color:var(--text-primary);}.game-card .card-text{color:var(--text-secondary);font-size:0.875rem;margin-bottom:1rem;}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;padding:0.75rem 1.5rem;font-weight:500;border-radius:0.5rem;transition:transform 0.3s ease,box-shadow 0.3s ease;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(99,102,241,0.4);}.game-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:120px 0 60px;color:white;margin-bottom:40px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.game-logo{max-height:200px;width:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);transition:transform 0.3s ease;}.game-logo:hover{transform:scale(1.05);}.stat-card{background:#FFFFFF;border:1px solid rgba(148,163,184,0.2);border-radius:12px;padding:20px;text-align:center;transition:transform 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px rgba(0,0,0,0.1);}.stat-card i{font-size:2.5rem;margin-bottom:15px;display:inline-block;transition:all 0.3s ease;}.stat-card .fa-users{color:#3B82F6;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(59,130,246,0.2));padding:15px;border-radius:50%;animation:pulse-blue 2s ease-in-out infinite;}.stat-card .fa-star{color:#F59E0B;background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(245,158,11,0.2));padding:15px;border-radius:50%;animation:pulse-orange 2s ease-in-out infinite;}.stat-card .fa-chart-line{color:#10B981;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(16,185,129,0.2));padding:15px;border-radius:50%;animation:pulse-green 2s ease-in-out infinite;}.stat-card .fa-user-shield{color:#8B5CF6;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(139,92,246,0.2));padding:15px;border-radius:50%;animation:pulse-purple 2s ease-in-out infinite;}.stat-card:hover i{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px rgba(0,0,0,0.15);}.stat-card:hover .fa-users{animation:bounce-blue 0.6s ease-in-out;box-shadow:0 8px 20px rgba(59,130,246,0.4);}.stat-card:hover .fa-star{animation:spin-gold 0.8s ease-in-out;box-shadow:0 8px 20px rgba(245,158,11,0.4);}.stat-card:hover .fa-chart-line{animation:slide-up-green 0.6s ease-in-out;box-shadow:0 8px 20px rgba(16,185,129,0.4);}.stat-card:hover .fa-user-shield{animation:pulse-purple-hover 0.6s ease-in-out;box-shadow:0 8px 20px rgba(139,92,246,0.4);}@keyframes pulse-blue{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(59,130,246,0);}}@keyframes pulse-orange{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,158,11,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(245,158,11,0);}}@keyframes pulse-green{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(16,185,129,0);}}@keyframes pulse-purple{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(139,92,246,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(139,92,246,0);}}@keyframes bounce-blue{0%,100%{transform:translateY(0) scale(1.15);}50%{transform:translateY(-10px) scale(1.15);}}@keyframes spin-gold{0%{transform:rotate(0deg) scale(1.15);}50%{transform:rotate(180deg) scale(1.2);}100%{transform:rotate(360deg) scale(1.15);}}@keyframes slide-up-green{0%{transform:translateY(0) scale(1.15);}50%{transform:translateY(-15px) scale(1.2);}100%{transform:translateY(0) scale(1.15);}}@keyframes pulse-purple-hover{0%,100%{transform:scale(1.15);}50%{transform:scale(1.25);}}.stat-card h3{font-size:1.5rem;margin:10px 0;color:var(--text-primary);}.stat-card p{color:var(--text-secondary);margin:0;}.screenshot-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.screenshot-card:hover{transform:scale(1.02);}.screenshot-card img{width:100%;height:200px;object-fit:cover;}.sticky-play-button{position:fixed;bottom:0;left:0;width:100%;background:rgba(255,255,255,0.95);padding:15px;text-align:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 16px rgba(0,0,0,0.1);border-top:1px solid rgba(148,163,184,0.2);}.sticky-play-button .btn{padding:12px 40px;font-size:1.2rem;border-radius:30px;box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;}.sticky-play-button .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}@media (max-width:768px){.game-header{padding:100px 0 40px;text-align:center;}.game-logo{max-height:150px;margin-top:20px;}.stat-card{padding:15px;}.stat-card i{font-size:2rem;padding:12px !important;}.stat-card h3{font-size:1.2rem;}.screenshot-card img{height:150px;}.sticky-play-button .btn{padding:10px 30px;font-size:1rem;}}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,0.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.footer{background:#F8FAFC;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(148,163,184,0.2);padding:2rem 0;margin-top:4rem;}.footer-text{color:var(--text-secondary);font-size:0.875rem;}.footer-links{font-size:0.875rem;}.footer-links a{text-decoration:none;transition:color 0.3s ease;}.footer-links a:hover{color:var(--primary-color) !important;text-decoration:underline;}.text-gradient{background:linear-gradient(to right,#6366F1,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px;}.bg-glass{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,0.2);}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}.ad-placeholder{display:none !important;}.value-card{transition:all 0.3s ease;cursor:pointer;}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3);}.value-icon-wrapper{display:flex;justify-content:center;align-items:center;}.value-icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.1));display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative;border:1px solid rgba(99,102,241,0.2);}.value-icon-circle::before{content:'';position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#6366F1,#8B5CF6,#6366F1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;}.value-card:hover .value-icon-circle::before{opacity:1;}.value-icon-circle i{font-size:24px;color:#6366F1;transition:all 0.3s ease;z-index:1;}.value-card:hover .value-icon-circle{transform:scale(1.1);background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2));border-color:rgba(99,102,241,0.4);}.value-card:hover .value-icon-circle i{color:#8B5CF6;transform:rotate(5deg);}@media (max-width:575.98px){.value-icon-circle{width:50px;height:50px;}.value-icon-circle i{font-size:20px;}.value-card{padding:1rem !important;}}@media (min-width:576px){.value-card{padding:1.5rem !important;}.value-icon-circle{width:70px;height:70px;}.value-icon-circle i{font-size:28px;}}@media (min-width:992px){.value-card{padding:2rem !important;}.value-icon-circle{width:80px;height:80px;}.value-icon-circle i{font-size:32px;}}.stat-highlight-card{background:#FFFFFF;border:1px solid rgba(99,102,241,0.2);border-radius:12px;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.stat-highlight-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.4);background:#F8FAFC;}.stat-icon-wrapper{display:flex;justify-content:center;align-items:center;}.stat-icon-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2));display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.stat-icon-circle i{font-size:20px;color:#6366F1;transition:all 0.3s ease;}.stat-highlight-card:hover .stat-icon-circle{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(99,102,241,0.3),rgba(139,92,246,0.3));}.stat-highlight-card:hover .stat-icon-circle i{color:#8B5CF6;}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#6366F1,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label{font-size:0.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500;}@media (max-width:575.98px){.stat-icon-circle{width:40px;height:40px;}.stat-icon-circle i{font-size:18px;}.stat-number{font-size:2rem;}.stat-highlight-card{padding:1.5rem !important;}}@media (min-width:576px){.stat-icon-circle{width:60px;height:60px;}.stat-icon-circle i{font-size:24px;}.stat-number{font-size:2.25rem;}}.svg-background{width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="Gradient1" cx="50%" cy="50%" fx="10%" fy="50%" r=".5"><animate attributeName="fx" dur="34s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%23FF5409"/><stop offset="100%" stop-color="%23ff00"/></radialGradient><radialGradient id="Gradient2" cx="50%" cy="50%" fx="10%" fy="50%" r=".5"><animate attributeName="fx" dur="23.5s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%23010FC5"/><stop offset="100%" stop-color="%230ff0"/></radialGradient><radialGradient id="Gradient3" cx="50%" cy="50%" fx="50%" fy="50%" r=".5"><animate attributeName="fx" dur="21.5s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%23010FC5"/><stop offset="100%" stop-color="%23f0f0"/></radialGradient><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.152" numOctaves="4" seed="15" stitchTiles="stitch"/></filter></defs><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient1)"><animate attributeName="x" dur="20s" values="25%;0%;25%" repeatCount="indefinite"/><animate attributeName="y" dur="21s" values="0%;25%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="17s" repeatCount="indefinite"/></rect><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient2)"><animate attributeName="x" dur="23s" values="-25%;0%;-25%" repeatCount="indefinite"/><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="18s" repeatCount="indefinite"/></rect><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient3)"><animate attributeName="x" dur="25s" values="0%;25%;0%" repeatCount="indefinite"/><animate attributeName="y" dur="26s" values="0%;25%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="19s" repeatCount="indefinite"/></rect><rect x="0" y="0" width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.2"/></svg>') no-repeat center center;background-size:cover;}.gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="Gradient1" cx="50%" cy="50%" fx="10%" fy="50%" r=".5"><animate attributeName="fx" dur="34s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%23FF5409"/><stop offset="100%" stop-color="%23ff00"/></radialGradient><radialGradient id="Gradient2" cx="50%" cy="50%" fx="10%" fy="50%" r=".5"><animate attributeName="fx" dur="23.5s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%230ff"/><stop offset="100%" stop-color="%230ff0"/></radialGradient><radialGradient id="Gradient3" cx="50%" cy="50%" fx="50%" fy="50%" r=".5"><animate attributeName="fx" dur="21.5s" values="0%;3%;0%" repeatCount="indefinite"/><stop offset="0%" stop-color="%23FF5409"/><stop offset="100%" stop-color="%23f0f0"/></radialGradient></defs><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient1)"><animate attributeName="x" dur="20s" values="25%;0%;25%" repeatCount="indefinite"/><animate attributeName="y" dur="21s" values="0%;25%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="17s" repeatCount="indefinite"/></rect><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient2)"><animate attributeName="x" dur="23s" values="-25%;0%;-25%" repeatCount="indefinite"/><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="18s" repeatCount="indefinite"/></rect><rect x="0" y="0" width="100%" height="100%" fill="url(%23Gradient3)"><animate attributeName="x" dur="25s" values="0%;25%;0%" repeatCount="indefinite"/><animate attributeName="y" dur="26s" values="0%;25%;0%" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="19s" repeatCount="indefinite"/></rect></svg>') no-repeat center center;background-size:cover;z-index:1;}.noise{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.5" numOctaves="10" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" /></svg>') repeat;opacity:0.2;z-index:2;pointer-events:none;}.app-footer__marquee{color:white;font-style:italic;font-weight:800;overflow:hidden;font-size:calc(80px);font-weight:100;padding:0.25em 0;white-space:nowrap;--marquee-animation-duration:40s;}.u-marquee{--marquee-gap:1ch;overflow:hidden;-webkit-user-select:none;user-select:none;}.u-marquee,.u-marquee__content{display:flex;gap:var(--marquee-gap);}.u-marquee__content{animation:marquee var(--marquee-animation-duration) linear infinite;flex-shrink:0;justify-content:space-around;max-width:fit-content;}.u-marquee__content>*{white-space:nowrap;}@keyframes marquee{0%{transform:translate(0);}100%{transform:translate(calc(-100% - var(--marquee-gap)));}}.grid{position:absolute;top:0;bottom:0;left:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;justify-content:center;}.grid-lines{width:1px;background:white;height:100%;opacity:0.25;}.footer-social{display:none !important;}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:100px;}.search-modal.active{display:flex;}.search-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn 0.2s ease-out;}.search-modal-content{position:relative;width:100%;max-width:680px;background:#ffffff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden;animation:slideDown 0.3s cubic-bezier(0.16,1,0.3,1);margin:0 20px;display:flex;flex-direction:column;max-height:80vh;}.search-header{padding:16px;border-bottom:1px solid #e2e8f0;}.search-input-container{display:flex;align-items:center;gap:12px;padding:0 8px;}.search-icon-input{color:#94a3b8;font-size:1.2rem;}#searchInput{flex:1;border:none;outline:none;font-size:1.1rem;color:#1e293b;padding:8px 0;background:transparent;}#searchInput::placeholder{color:#94a3b8;}.close-search-btn{background:none;border:none;color:#94a3b8;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all 0.2s;}.close-search-btn:hover{background:#f1f5f9;color:#64748b;}.search-body{overflow-y:auto;padding:0;min-height:300px;}.search-initial-state,.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b;}.search-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}.search-tag{background:#f1f5f9;padding:6px 12px;border-radius:20px;font-size:0.9rem;cursor:pointer;transition:all 0.2s;color:#475569;}.search-tag:hover{background:#e2e8f0;color:#1e293b;}.search-results-list{padding:8px;}.search-result-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;text-decoration:none;color:inherit;transition:background 0.2s;border-bottom:1px solid #f1f5f9;}.search-result-item:last-child{border-bottom:none;}.search-result-item:hover{background:#f8fafc;}.search-result-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e2e8f0;}.search-result-thumb img{width:100%;height:100%;object-fit:cover;}.search-result-info{flex:1;min-width:0;}.search-result-title{font-weight:600;color:#1e293b;margin-bottom:4px;display:flex;align-items:center;gap:8px;}.search-result-rating{font-size:0.8rem;font-weight:normal;color:#64748b;}.search-result-desc{font-size:0.9rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.search-result-meta{margin-top:4px;display:flex;gap:6px;}.search-result-tag{font-size:0.75rem;background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;}.search-result-action{color:#cbd5e1;font-size:1.2rem;}.search-result-item:hover .search-result-action{color:#6366f1;}.custom-scrollbar::-webkit-scrollbar{width:8px;}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px;border:3px solid transparent;background-clip:content-box;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}