*,:after,:before{--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: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),Inter,ui-sans-serif,system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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,pre,samp{font-family:var(--font-geist-mono),Geist Mono,ui-monospace,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:-.25em}sup{top:-.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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.container{max-width:1400px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-\[60px\]{top:60px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[1001\]{z-index:1001}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[468\/60\]{aspect-ratio:468/60}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-44{height:11rem}.h-48{height:12rem}.h-7{height:1.75rem}.h-\[3\.6rem\]{height:3.6rem}.h-\[40px\]{height:40px}.h-\[60px\]{height:60px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-px{height:1px}.max-h-\[240px\]{max-height:240px}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[24px\]{min-height:24px}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4\/5{width:80%}.w-48{width:12rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[130px\]{width:130px}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[1200px\]{max-width:1200px}.max-w-\[250px\]{max-width:250px}.max-w-\[468px\]{max-width:468px}.max-w-\[900px\]{max-width:900px}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[-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-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-180,.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))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{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))}.rotate-90{--tw-rotate:90deg}.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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * 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\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.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))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-\[rgba\(251\2c 191\2c 36\2c 0\.25\)\]{border-color:rgba(251,191,36,.25)}.border-\[rgba\(251\2c 191\2c 36\2c 0\.3\)\]{border-color:rgba(251,191,36,.3)}.border-\[rgba\(251\2c 191\2c 36\2c 0\.35\)\]{border-color:rgba(251,191,36,.35)}.border-amber-400\/30{border-color:rgb(251 191 36/.3)}.border-amber-500\/30{border-color:rgb(245 158 11/.3)}.border-blue-400\/30{border-color:rgb(96 165 250/.3)}.border-blue-500\/30{border-color:rgb(59 130 246/.3)}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border)/.5)}.border-cyan-400\/30{border-color:rgb(34 211 238/.3)}.border-cyan-500\/30{border-color:rgb(6 182 212/.3)}.border-destructive{border-color:hsl(var(--destructive))}.border-emerald-400\/30{border-color:rgb(52 211 153/.3)}.border-emerald-500\/30{border-color:rgb(16 185 129/.3)}.border-fuchsia-400\/30{border-color:rgb(232 121 249/.3)}.border-fuchsia-500\/30{border-color:rgb(217 70 239/.3)}.border-green-400\/30{border-color:rgb(74 222 128/.3)}.border-green-500\/30{border-color:rgb(34 197 94/.3)}.border-indigo-400\/30{border-color:rgb(129 140 248/.3)}.border-indigo-500\/30{border-color:rgb(99 102 241/.3)}.border-input{border-color:hsl(var(--input))}.border-lime-400\/30{border-color:rgb(163 230 53/.3)}.border-lime-500\/30{border-color:rgb(132 204 22/.3)}.border-orange-400\/30{border-color:rgb(251 146 60/.3)}.border-orange-500\/30{border-color:rgb(249 115 22/.3)}.border-pink-400\/30{border-color:rgb(244 114 182/.3)}.border-pink-500\/30{border-color:rgb(236 72 153/.3)}.border-primary{border-color:hsl(var(--primary))}.border-primary\/30{border-color:hsl(var(--primary)/.3)}.border-purple-400\/30{border-color:rgb(192 132 252/.3)}.border-purple-500\/30{border-color:rgb(168 85 247/.3)}.border-rose-400\/30{border-color:rgb(251 113 133/.3)}.border-rose-500\/30{border-color:rgb(244 63 94/.3)}.border-sky-400\/30{border-color:rgb(56 189 248/.3)}.border-sky-500\/30{border-color:rgb(14 165 233/.3)}.border-teal-400\/30{border-color:rgb(45 212 191/.3)}.border-teal-500\/30{border-color:rgb(20 184 166/.3)}.border-transparent{border-color:transparent}.border-violet-400\/30{border-color:rgb(167 139 250/.3)}.border-violet-500\/30{border-color:rgb(139 92 246/.3)}.border-yellow-400\/30{border-color:rgb(250 204 21/.3)}.border-yellow-500\/30{border-color:rgb(234 179 8/.3)}.bg-\[rgba\(251\2c 191\2c 36\2c 0\.1\)\]{background-color:rgba(251,191,36,.1)}.bg-\[rgba\(251\2c 191\2c 36\2c 0\.15\)\]{background-color:rgba(251,191,36,.15)}.bg-\[rgba\(251\2c 191\2c 36\2c 0\.2\)\]{background-color:rgba(251,191,36,.2)}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-400\/10{background-color:rgb(251 191 36/.1)}.bg-amber-500\/10{background-color:rgb(245 158 11/.1)}.bg-background{background-color:hsl(var(--background))}.bg-background\/50{background-color:hsl(var(--background)/.5)}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-blue-400\/10{background-color:rgb(96 165 250/.1)}.bg-blue-500\/10{background-color:rgb(59 130 246/.1)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/30{background-color:hsl(var(--card)/.3)}.bg-card\/50{background-color:hsl(var(--card)/.5)}.bg-card\/90{background-color:hsl(var(--card)/.9)}.bg-card\/95{background-color:hsl(var(--card)/.95)}.bg-cyan-400\/10{background-color:rgb(34 211 238/.1)}.bg-cyan-500\/10{background-color:rgb(6 182 212/.1)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-400\/10{background-color:rgb(52 211 153/.1)}.bg-emerald-500\/10{background-color:rgb(16 185 129/.1)}.bg-fuchsia-400\/10{background-color:rgb(232 121 249/.1)}.bg-fuchsia-500\/10{background-color:rgb(217 70 239/.1)}.bg-green-400\/10{background-color:rgb(74 222 128/.1)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgb(34 197 94/.1)}.bg-indigo-400\/10{background-color:rgb(129 140 248/.1)}.bg-indigo-500\/10{background-color:rgb(99 102 241/.1)}.bg-lime-400\/10{background-color:rgb(163 230 53/.1)}.bg-lime-500\/10{background-color:rgb(132 204 22/.1)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/10{background-color:hsl(var(--muted)/.1)}.bg-muted\/20{background-color:hsl(var(--muted)/.2)}.bg-muted\/30{background-color:hsl(var(--muted)/.3)}.bg-muted\/5{background-color:hsl(var(--muted)/.05)}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-orange-400\/10{background-color:rgb(251 146 60/.1)}.bg-orange-500\/10{background-color:rgb(249 115 22/.1)}.bg-pink-400\/10{background-color:rgb(244 114 182/.1)}.bg-pink-500\/10{background-color:rgb(236 72 153/.1)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-purple-400\/10{background-color:rgb(192 132 252/.1)}.bg-purple-500\/10{background-color:rgb(168 85 247/.1)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-rose-400\/10{background-color:rgb(251 113 133/.1)}.bg-rose-500\/10{background-color:rgb(244 63 94/.1)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sky-400\/10{background-color:rgb(56 189 248/.1)}.bg-sky-500\/10{background-color:rgb(14 165 233/.1)}.bg-teal-400\/10{background-color:rgb(45 212 191/.1)}.bg-teal-500\/10{background-color:rgb(20 184 166/.1)}.bg-transparent{background-color:transparent}.bg-violet-400\/10{background-color:rgb(167 139 250/.1)}.bg-violet-500\/10{background-color:rgb(139 92 246/.1)}.bg-yellow-400\/10{background-color:rgb(250 204 21/.1)}.bg-yellow-500\/10{background-color:rgb(234 179 8/.1)}.bg-\[url\(\'\/grid-pattern\.svg\'\)\]{background-image:url(/grid-pattern.svg)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[rgba\(251\2c 191\2c 36\2c 0\.15\)\]{--tw-gradient-from:rgba(251,191,36,0.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-muted\/40{--tw-gradient-from:hsl(var(--muted)/0.4) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--muted)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from:hsl(var(--primary)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent 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)}.via-\[rgba\(251\2c 191\2c 36\2c 0\.05\)\]{--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(251,191,36,0.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[rgba\(251\2c 191\2c 36\2c 0\.05\)\]{--tw-gradient-to:rgba(251,191,36,0.05) var(--tw-gradient-to-position)}.to-muted\/20{--tw-gradient-to:hsl(var(--muted)/0.2) var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to:hsl(var(--primary)/0.05) 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}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.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-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-2\.5{padding-left:.625rem}.pl-8{padding-left:2rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-geist-mono),Geist Mono,ui-monospace,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.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-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#f59e0b\]{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-\[\#fbbf24\]{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-\[\#fcd34d\]{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-fuchsia-500{--tw-text-opacity:1;color:rgb(217 70 239/var(--tw-text-opacity,1))}.text-fuchsia-600{--tw-text-opacity:1;color:rgb(192 38 211/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-lime-500{--tw-text-opacity:1;color:rgb(132 204 22/var(--tw-text-opacity,1))}.text-lime-600{--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-primary\/20{--tw-shadow-color:hsl(var(--primary)/0.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.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-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{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-xl{--tw-backdrop-blur:blur(24px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--background:0 0% 5%;--foreground:0 0% 98%;--card:0 0% 13%;--card-foreground:0 0% 98%;--popover:0 0% 16%;--popover-foreground:0 0% 98%;--primary:217 91% 60%;--primary-foreground:0 0% 98%;--secondary:0 0% 20%;--secondary-foreground:0 0% 98%;--muted:0 0% 20%;--muted-foreground:0 0% 64%;--accent:0 0% 20%;--accent-foreground:0 0% 98%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:0 0% 20%;--input:0 0% 20%;--ring:217 91% 60%;--radius:0.25rem;--accent-blue:0.65 0.25 250;--accent-blue-muted:0.55 0.20 250;--accent-orange:0.70 0.19 50;--accent-orange-muted:0.60 0.15 50;--bg-primary:#0B1221;--bg-secondary:#111827;--bg-card:#111827;--bg-card-hover:#1f2937;--bg-hover:rgba(255,255,255,0.05);--accent-primary:oklch(var(--accent-blue));--accent-success:oklch(0.65 0.20 145);--text-primary:oklch(0.9851 0 0);--text-secondary:oklch(0.8520 0 0);--text-muted:oklch(0.6376 0 0);--text-subtle:oklch(0.5555 0 0);--text-danger:oklch(var(--destructive));--border-primary:oklch(0.3219 0 0);--border-subtle:oklch(0.2686 0 0);--glass-bg-dark:rgba(31,31,31,0.7);--glass-bg-light:rgba(255,255,255,0.7);--glass-border-blue:rgba(59,130,246,0.2);--glass-border-orange:rgba(132,204,22,0.2);--glass-border-mono:rgba(255,255,255,0.1);--gradient-blue:linear-gradient(135deg,oklch(0.60 0.25 250),oklch(0.70 0.25 240));--gradient-orange:linear-gradient(135deg,oklch(0.65 0.19 50),oklch(0.75 0.19 40));--gradient-blue-orange:linear-gradient(135deg,oklch(0.65 0.25 250),oklch(0.70 0.19 50));--shadow-card:0 4px 16px rgba(0,0,0,0.4);--shadow-hover:0 8px 32px rgba(59,130,246,0.3);--shadow-orange:0 8px 32px rgba(251,146,60,0.3);--glow-blue:0 0 20px rgba(59,130,246,0.4);--glow-orange:0 0 20px rgba(251,146,60,0.4);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.light{--background:0 0% 100%;--foreground:226 66% 33%;--card:0 0% 100%;--card-foreground:226 66% 33%;--popover:0 0% 100%;--popover-foreground:226 66% 33%;--primary:217 91% 55%;--primary-foreground:0 0% 98%;--secondary:0 0% 96%;--secondary-foreground:226 66% 33%;--muted:0 0% 96%;--muted-foreground:226 40% 50%;--accent:0 0% 96%;--accent-foreground:226 66% 33%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:0 0% 90%;--input:0 0% 90%;--ring:217 91% 55%;--bg-primary:oklch(1.0000 0 0);--bg-secondary:oklch(0.9702 0 0);--bg-card:oklch(1.0000 0 0);--bg-card-hover:oklch(0.9702 0 0);--bg-hover:rgba(0,0,0,0.05);--text-primary:oklch(0.35 0.12 260);--text-secondary:oklch(0.40 0.10 260);--text-muted:oklch(0.55 0.08 260);--text-subtle:oklch(0.65 0.06 260);--border-primary:oklch(0.9219 0 0);--border-subtle:oklch(0.9702 0 0);--shadow-card:0 1px 3px rgba(0,0,0,0.1);--shadow-hover:0 4px 12px rgba(59,130,246,0.2);--shadow-orange:0 4px 12px rgba(251,146,60,0.2);--glow-blue:0 0 20px rgba(59,130,246,0.3);--glow-orange:0 0 20px rgba(251,146,60,0.3)}.glass-card{background:var(--glass-bg-dark);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border-mono);box-shadow:0 8px 32px rgba(0,0,0,.3)}.light .glass-card{background:rgba(254,249,235,.6);border:1px solid rgba(251,191,36,.2);box-shadow:0 4px 16px rgba(251,191,36,.08)}.glass-card-blue{background:rgba(31,41,55,.7);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.light .glass-card-blue{background:rgba(254,249,235,.6);border:1px solid rgba(251,191,36,.25);box-shadow:0 4px 16px rgba(251,191,36,.08)}.glass-card-orange{background:rgba(31,41,55,.7);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(251,191,36,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.light .glass-card-orange{background:rgba(254,249,235,.6);border:1px solid rgba(251,191,36,.3);box-shadow:0 4px 16px rgba(251,191,36,.1)}.radial-bg-blue{background:radial-gradient(circle at 50% 0,oklch(.25 .15 250) 0,oklch(.1448 0 0) 50%)}.radial-bg-orange{background:radial-gradient(circle at 50% 0,oklch(.25 .1 50) 0,oklch(.1448 0 0) 50%)}.radial-bg-dark{background:radial-gradient(circle at 50% 0,oklch(.2 0 0) 0,oklch(.1448 0 0) 70%)}.light .radial-bg-blue{background:radial-gradient(circle at 50% 0,oklch(.95 .05 250) 0,oklch(1 0 0) 50%)}.light .radial-bg-orange{background:radial-gradient(circle at 50% 0,oklch(.95 .03 50) 0,oklch(1 0 0) 50%)}.grid-texture:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.grid-texture:before,.light .grid-texture:before{background:transparent}:root{--accent-color-1:59,130,246;--accent-color-2:132,204,22;--accent-color-3:163,230,53;--accent-gradient:linear-gradient(135deg,#3b82f6,#2563eb)}.glass-texture{position:relative}.glass-texture:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");border-radius:inherit;pointer-events:none;mix-blend-mode:overlay}.light .glass-texture{box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.5)}.light .backdrop-blur-sm{background-color:rgba(255,255,255,.75)!important}.light .backdrop-blur-md{background-color:rgba(255,255,255,.85)!important}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.mono,h1,h2,h3,h4,h5,h6{font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.tabular-nums{font-variant-numeric:tabular-nums;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.gradient-text-blue{background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text}.gradient-text-blue,.gradient-text-orange{-webkit-text-fill-color:transparent;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.gradient-text-orange{background:var(--gradient-orange);-webkit-background-clip:text;background-clip:text}.gradient-text-blue-orange{background:var(--gradient-blue-orange);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.gold-accent{color:#fbbf24}.light .gold-accent{color:#d97706}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:white;background:var(--gradient-blue);border:1px solid oklch(var(--accent-blue));transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-hover)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-blue);border-color:oklch(var(--accent-blue))}.btn-primary:active{transform:translateY(0)}.light .btn-primary{color:#d97706}.btn-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:white;background:var(--gradient-orange);border:1px solid oklch(var(--accent-orange));border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-orange)}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-orange);border-color:oklch(var(--accent-orange))}.btn-cta:active{transform:translateY(0)}.btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{border-color:oklch(var(--accent-blue));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{color:oklch(var(--accent-blue));background:var(--bg-hover)}.theme-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:.375rem;background:rgba(11,18,33,.35);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(251,191,36,.2);cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:rgba(11,18,33,.5);border-color:rgba(251,191,36,.4);box-shadow:0 4px 12px rgba(251,191,36,.15)}.theme-toggle-btn:focus{outline:none}.theme-toggle-btn:focus-visible{outline:none;border-color:rgba(251,191,36,.6);box-shadow:0 0 0 2px rgba(251,191,36,.3)}.light .theme-toggle-btn{background:rgba(254,249,235,.45);border:1px solid rgba(251,191,36,.25)}.light .theme-toggle-btn:hover{background:rgba(254,249,235,.65);border-color:rgba(251,191,36,.4);box-shadow:0 4px 12px rgba(251,191,36,.15)}.light .modern-header.homepage:not(.scrolled) .theme-toggle-btn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}.light .modern-header.homepage:not(.scrolled) .theme-toggle-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(251,191,36,.4)}.theme-icon-dark{display:block;position:absolute}.light .theme-icon-dark{display:none}.theme-icon-light{display:none;position:absolute;color:#d97706}.light .theme-icon-light{display:block}.theme-toggle-btn:hover .theme-icon-dark{color:#fde047}.theme-toggle-btn:hover .theme-icon-light{color:#fbbf24}.light .stat-card{background:rgba(254,249,235,.7);backdrop-filter:blur(8px) saturate(130%);border:1px solid rgba(251,191,36,.25);box-shadow:0 4px 16px rgba(251,191,36,.08)}.light .stat-card:hover{border-color:rgba(251,191,36,.4);box-shadow:0 8px 24px rgba(251,191,36,.15);background:rgba(254,249,235,.9)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:all .3s ease}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-hover)}.card-featured{border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.btn-primary{background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#1d4ed8;box-shadow:var(--glow-accent)}.text-accent-primary{color:var(--accent-primary)}.text-accent-blue{color:var(--accent-blue)}.text-accent-red{color:var(--accent-red)}.bg-accent-primary{background:var(--accent-primary)}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media (min-width:640px){.main-container{padding:2rem}}.hero-wrapper{position:relative;width:100vw;margin:-72px calc(-50vw + 50%) 0;padding:48px calc(50vw - 50%) 2rem}.hero-background{position:absolute;top:-72px;left:0;right:0;height:calc(100% + 72px);overflow:hidden;z-index:0}.hero-background-image{position:absolute;top:0;left:0;right:0;bottom:0}.hero-background img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.hero-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(11,18,33,.5);pointer-events:none}.light .hero-background-overlay{background:rgba(120,100,80,.25)}.hero-background-fade{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to bottom,transparent 0,transparent 25%,rgba(11,18,33,.3) 45%,rgba(11,18,33,.6) 65%,rgba(11,18,33,.85) 80%,var(--bg-primary) 100%);pointer-events:none}.light .hero-background-fade{background:linear-gradient(to bottom,transparent 0,transparent 25%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.6) 65%,rgba(255,255,255,.85) 80%,var(--bg-primary) 100%)}.hero-panel{position:relative;z-index:1;background:rgba(11,18,33,.45);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3)}.light .hero-panel{background:rgba(254,249,235,.45);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(251,191,36,.3);box-shadow:0 8px 32px rgba(251,191,36,.15),inset 0 1px 0 rgba(255,255,255,.5)}.hero-section{border-radius:var(--radius);padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.hero-title{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm);position:relative;z-index:1;word-wrap:break-word;overflow-wrap:break-word}.typewriter-cursor{color:var(--accent-blue);font-weight:400;opacity:1}.typewriter-cursor.blink{animation:blink .7s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-search-container{max-width:550px;margin:0 auto;position:relative}.hero-popular-container{max-width:550px;margin:0 auto;margin-top:var(--spacing-md)}.hero-games-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(11,18,33,.95);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.2);border-top:none;border-radius:0 0 var(--radius) var(--radius);max-height:300px;overflow-y:auto;z-index:50;animation:slideDown .2s ease}.light .hero-games-dropdown{background:rgba(254,249,235,.9);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-color:rgba(251,191,36,.3);box-shadow:0 8px 24px rgba(251,191,36,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.games-list-container{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;padding:1rem 1.25rem}@media (max-width:480px){.games-list-container{grid-template-columns:1fr}}.games-list-column{display:flex;flex-direction:column}.game-list-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:var(--radius);color:var(--text-primary);text-decoration:none;transition:all .15s ease;border-bottom:1px solid rgba(251,191,36,.08)}.game-list-item:last-child{border-bottom:none}.game-list-item:hover{background:rgba(251,191,36,.1);color:#fbbf24}.light .game-list-item{border-bottom-color:rgba(251,191,36,.1)}.light .game-list-item:hover{background:rgba(251,191,36,.08);color:#f59e0b}.game-list-name{font-weight:500;font-size:.9rem}.game-list-count{font-size:.8rem;font-weight:600;color:#fbbf24;min-width:2.5rem;text-align:right}.light .game-list-count{color:#d97706}.hero-search-input{height:48px;font-size:1rem;background:rgba(11,18,33,.6);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);color:var(--text-primary);padding-left:3rem;padding-right:1rem;transition:all .2s ease}.hero-search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.hero-search-input::-moz-placeholder{color:var(--text-muted)}.hero-search-input::placeholder{color:var(--text-muted)}.light .hero-search-input{background:rgba(255,255,255,.95);border-color:rgba(251,191,36,.35)}.light .hero-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}.popular-game-card{display:inline-flex;align-items:center;padding:.5rem 1rem;background:rgba(11,18,33,.6);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);color:var(--text-primary);transition:all .2s ease;cursor:pointer}.popular-game-card:hover{background:rgba(251,191,36,.15);border-color:#fbbf24;color:#fbbf24}.light .popular-game-card{background:rgba(254,249,235,.7);border-color:rgba(251,191,36,.3)}.light .popular-game-card:hover{background:rgba(251,191,36,.15);color:#f59e0b}.hero-stats-bar{justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(251,191,36,.1)}.hero-stat,.hero-stats-bar{display:flex;align-items:center}.hero-stat{flex-direction:column;gap:2px}.hero-stat-number{font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-size:1.5rem;font-weight:700;color:#fbbf24;font-variant-numeric:tabular-nums}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:32px;background:rgba(251,191,36,.2)}.light .hero-stats-bar{border-top-color:rgba(251,191,36,.15)}.light .hero-stat-number{color:#f59e0b}.light .hero-stat-divider{background:rgba(251,191,36,.25)}@media (max-width:480px){.hero-stats-bar{gap:var(--spacing-md)}.hero-stat-number{font-size:1.25rem}.hero-stat-divider{height:24px}}.game-hero-wrapper{position:relative;z-index:1;width:100vw;margin:-72px calc(-50vw + 50%) 0;padding:48px calc(50vw - 50%) 2rem}.game-hero-background{position:absolute;top:-72px;left:0;right:0;height:calc(100% + 72px);overflow:hidden;z-index:0}.game-hero-background-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:top;background-repeat:no-repeat}.game-hero-background img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.game-hero-panel{position:relative;z-index:1;background:rgba(11,18,33,.45);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3)}.light .game-hero-panel{background:rgba(254,249,235,.45);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(251,191,36,.3);box-shadow:0 8px 32px rgba(251,191,36,.15),inset 0 1px 0 rgba(255,255,255,.5)}.game-hero-search{max-width:550px;margin:var(--spacing-lg) auto 0}.game-hero-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md);max-width:550px;margin-left:auto;margin-right:auto}@media (max-width:768px){.game-hero-filters{grid-template-columns:1fr 1fr}}@media (max-width:480px){.game-hero-search{max-width:100%}.game-hero-filters{max-width:100%;grid-template-columns:1fr}}.game-hero-select{height:48px;background:rgba(11,18,33,.6);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius)}.game-hero-select:focus,.game-hero-select:focus-within{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.light .game-hero-select{background:rgba(255,255,255,.95);border-color:rgba(251,191,36,.35)}.light .game-hero-select:focus,.light .game-hero-select:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}.game-hero-filter-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);font-size:.875rem;color:#fbbf24}.game-hero-filter-badge button{display:inline-flex;align-items:center;justify-content:center;padding:.125rem;border-radius:2px;transition:background .15s ease;cursor:pointer}.game-hero-filter-badge button:hover{background:rgba(251,191,36,.2)}.light .game-hero-filter-badge{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.35);color:#d97706}.light .game-hero-filter-badge button:hover{background:rgba(251,191,36,.15)}.hero-search{max-width:500px;margin:0 auto var(--spacing-md)}.hero-search input{width:100%;height:48px;padding:0 var(--spacing-lg);font-size:1rem;background:rgba(11,18,33,.6);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);color:var(--text-primary);transition:all .2s ease}.light .hero-search input{background:rgba(255,255,255,.8);border:1px solid rgba(251,191,36,.3)}.hero-search input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.hero-search input::-moz-placeholder{color:var(--text-muted)}.hero-search input::placeholder{color:var(--text-muted)}.hero-expand-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin:var(--spacing-lg) 0;font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;font-weight:500;font-size:.875rem;color:var(--text-muted);background:transparent;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.hero-expand-btn:hover{color:#fbbf24;border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1)}.hero-expand-btn svg{transition:transform .2s ease}.hero-expand-btn.expanded svg{transform:rotate(180deg)}.hero-games-grid{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.hero-games-grid.expanded{max-height:600px;opacity:1;margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);margin-top:var(--spacing-xl);position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto}.stat-card,.stats-grid{justify-content:center;width:100%}.stat-card{padding:3rem 2rem;text-align:center;min-height:140px;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-8px) scale(1.02)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);display:block;margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.games-section{margin-top:var(--spacing-2xl)}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}@media (max-width:1200px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.games-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (max-width:480px){.games-grid{grid-template-columns:1fr}}.games-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.game-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:block;height:280px;background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;cursor:pointer}.game-selection-container button.game-card{border:1px solid var(--border-subtle);padding:0;font-family:inherit;font-size:inherit;background:var(--bg-card)}.game-selection-container button.game-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.game-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 0 2px var(--accent-primary)}.game-card .game-card-background,.game-card-background{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7)!important;opacity:.9!important;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;filter:blur(2px)!important;transform:scale(1.1)!important;transition:all .4s ease!important;z-index:1!important}.game-card:hover .game-card-background{filter:blur(1px);transform:scale(1.15)}.game-card .game-card-overlay,.game-card-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3) 70%,rgba(0,0,0,.7))!important;z-index:2!important}.game-card:hover .game-card-overlay{background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 50%,rgba(0,0,0,.6))}.game-card-content{position:relative!important;z-index:3!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:var(--spacing-xl)!important}.game-card-header{flex:1;display:flex;align-items:center}.game-title{font-size:1.8rem!important;font-weight:800!important;color:white!important;margin:0!important;text-shadow:0 4px 12px rgba(0,0,0,.8)!important;line-height:1.2!important}.game-card-footer{display:flex;align-items:center;justify-content:space-between}.server-badge{background:rgba(255,255,255,.15)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius)!important;padding:var(--spacing-sm) var(--spacing-md)!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:80px!important;transition:all .3s ease!important}.game-card:hover .server-badge{background:rgba(37,99,235,.2);border-color:var(--accent-primary);transform:scale(1.05)}.server-count{font-size:1.4rem;font-weight:700;color:white;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.server-label{font-size:.75rem;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:2px}.browse-arrow{width:40px!important;height:40px!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;color:white!important;transition:all .3s ease!important}.game-card:hover .browse-arrow{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateX(4px)}.cta-section{margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0}.cta-card,.cta-section{border-radius:var(--radius);position:relative;overflow:hidden}.cta-card{padding:var(--spacing-2xl);text-align:center}.cta-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);position:relative;z-index:1}.cta-description{font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-button{text-decoration:none;display:inline-block;position:relative;z-index:1}@media (max-width:768px){.games-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.games-grid-compact{grid-template-columns:1fr;gap:var(--spacing-md)}.game-card{padding:var(--spacing-md)}.game-icon{width:50px;height:50px}.game-code{font-size:1.2rem}.game-name{font-size:1.25rem}.stat-row{gap:var(--spacing-md)}.stat-number{font-size:1.25rem}}@media (max-width:480px){.games-grid{grid-template-columns:1fr}.cta-card{padding:var(--spacing-xl)}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem}}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.section-description,.section-title{margin-bottom:var(--spacing-xl);text-align:center}.section-description{font-size:1rem;color:var(--text-muted)}.blog-card{height:100%;overflow:hidden;background:rgba(31,41,55,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);transition:all .3s ease}.blog-card:hover{border-color:rgba(251,191,36,.3)}.light .blog-card{background:rgba(254,249,235,.6);border-color:rgba(251,191,36,.25);box-shadow:0 4px 16px rgba(251,191,36,.08)}.light .blog-card:hover{border-color:rgba(251,191,36,.4)}.blog-card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);transition:color .2s ease;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group:hover .blog-card-title{color:#fbbf24}.light .group:hover .blog-card-title{color:#f59e0b}.faq-item{background:rgba(31,41,55,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);padding:0 1.5rem}.faq-item[data-state=open]{background:rgba(31,41,55,.85);border-color:rgba(251,191,36,.25)}.light .faq-item{background:rgba(254,249,235,.6);border-color:rgba(251,191,36,.25);box-shadow:0 4px 16px rgba(251,191,36,.08)}.light .faq-item[data-state=open]{background:rgba(254,249,235,.85);border-color:rgba(251,191,36,.35)}.faq-trigger{text-align:left;font-weight:600;padding:1.25rem 0;transition:color .2s ease}.faq-trigger:hover{text-decoration:none;color:#fbbf24}.light .faq-trigger:hover{color:#f59e0b}.feature-card{position:relative;overflow:hidden;background:rgba(31,41,55,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius);transition:all .3s ease}.feature-card:hover{border-color:rgba(251,191,36,.3)}.light .feature-card{background:rgba(254,249,235,.6);border-color:rgba(251,191,36,.25);box-shadow:0 4px 16px rgba(251,191,36,.08)}.light .feature-card:hover{border-color:rgba(251,191,36,.4)}.feature-card-icon{width:1.5rem;height:1.5rem;color:#fbbf24}.light .feature-card-icon{color:#f59e0b}.feature-card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);transition:color .2s ease}.group:hover .feature-card-title{color:#fbbf24}.light .group:hover .feature-card-title{color:#f59e0b}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.server-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.server-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-hover)}.server-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-primary);opacity:0;transition:opacity .3s ease}.server-card:hover:before{opacity:1}.server-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.server-rank{background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.server-info{flex:1;min-width:0}.server-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-name:hover{color:var(--accent-primary)}.game-name{font-size:1.2rem;color:white;text-transform:uppercase;letter-spacing:.5px;font-weight:600;position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);z-index:3;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.7)}.server-banner{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-subtle);margin-bottom:var(--spacing-md)}.server-details{justify-content:space-between;margin-bottom:var(--spacing-md)}.server-details,.server-status{display:flex;align-items:center}.server-status{gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.status-offline{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.server-ip{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-family:Monaco,Menlo,monospace;font-size:.9rem;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all .3s ease}.server-ip:hover{border-color:var(--accent-primary);background:rgba(37,99,235,.05)}.player-count{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-weight:600;color:var(--accent-primary)}.server-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.action-btn{flex:1;background:var(--accent-primary);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.action-btn:hover{background:#00e676;transform:translateY(-2px)}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.action-btn.secondary:hover{border-color:var(--accent-primary);background:rgba(37,99,235,.1)}.server-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.server-tag{background:var(--bg-secondary);color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:1px solid var(--border-subtle)}.server-tag:hover{background:var(--accent-primary);color:var(--bg-primary);transform:scale(1.05)}.server-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-top:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.z-\[1100\]{z-index:1100}.bg-black\/80{background-color:rgba(0,0,0,.8)}.fixed{position:fixed}.inset-0{top:0;bottom:0}.inset-0,.inset-x-0{right:0;left:0}.inset-y-0{top:0;bottom:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-6{padding:1.5rem}.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.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}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.absolute{position:absolute}.right-4{right:1rem}.top-4{top:1rem}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.h-full{height:100%}.w-3\/4{width:75%}.h-4{height:1rem}.w-4{width:1rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.rounded-sm{border-radius:.125rem}.opacity-70{opacity:.7}.space-y-2>*+*{margin-top:.5rem}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-white{color:#fff}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:.375rem}.h-10{height:2.5rem}.w-10{width:2.5rem}.w-full{width:100%}.h-9{height:2.25rem}.h-11{height:2.75rem}.h-8{height:2rem}.w-8{width:2rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}@media (min-width:640px){.sm\:text-left{text-align:left}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>*+*{margin-left:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutToTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}[data-state=closed].data-\[state\=closed\]\:animate-out,[data-state=open].data-\[state\=open\]\:animate-in{animation-fill-mode:both}[data-state=open].data-\[state\=open\]\:fade-in-0{animation:fadeIn .15s ease-in}[data-state=closed].data-\[state\=closed\]\:fade-out-0{animation:fadeOut .15s ease-out}[data-state=open].data-\[state\=open\]\:slide-in-from-right{animation:slideInFromRight .5s ease-in-out}[data-state=closed].data-\[state\=closed\]\:slide-out-to-right{animation:slideOutToRight .3s ease-in-out}[data-state=open].data-\[state\=open\]\:slide-in-from-left{animation:slideInFromLeft .5s ease-in-out}[data-state=closed].data-\[state\=closed\]\:slide-out-to-left{animation:slideOutToLeft .3s ease-in-out}[data-state=open].data-\[state\=open\]\:slide-in-from-top{animation:slideInFromTop .5s ease-in-out}[data-state=closed].data-\[state\=closed\]\:slide-out-to-top{animation:slideOutToTop .3s ease-in-out}[data-state=open].data-\[state\=open\]\:slide-in-from-bottom{animation:slideInFromBottom .5s ease-in-out}[data-state=closed].data-\[state\=closed\]\:slide-out-to-bottom{animation:slideOutToBottom .3s ease-in-out}[data-state=closed].data-\[state\=closed\]\:duration-300{animation-duration:.3s}[data-state=open].data-\[state\=open\]\:duration-500{animation-duration:.5s}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.servers-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-section{padding:var(--spacing-xl)}.stats-grid{grid-template-columns:1fr}.server-details{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.servers-container{margin-top:var(--spacing-xl)}.server-card-modern{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;position:relative;box-shadow:var(--shadow-card)}.server-card-modern:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-hover)}.server-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-blue));opacity:0;transition:opacity .3s ease}.server-card-modern:hover:before{opacity:1}.card-header{justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.card-header,.rank-badge{display:flex;align-items:center}.rank-badge{background:linear-gradient(135deg,var(--accent-primary),#00e676);color:var(--bg-primary);border-radius:var(--radius);width:48px;height:48px;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px rgba(37,99,235,.3)}.rank-number{font-size:.9rem}.server-meta{flex:1;margin:0 var(--spacing-lg);min-width:0}.server-title{margin:0 0 var(--spacing-xs) 0;font-size:1.25rem;font-weight:600}.server-title a{color:var(--text-primary);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.server-title a:hover{color:var(--accent-primary)}.game-badge{background:rgba(33,150,243,.2);color:var(--accent-blue);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.server-status-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0;min-width:60px}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:var(--accent-primary);box-shadow:0 0 10px rgba(37,99,235,.5)}.status-dot.offline{background:var(--accent-red);box-shadow:0 0 10px rgba(244,67,54,.5);animation:none}.status-text{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.stats-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0;min-width:70px}.stats-display .stat-value{font-size:1.1rem;font-weight:700;color:var(--accent-primary);text-align:center}.stats-display .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500;text-align:center}.banner-container{position:relative;overflow:hidden;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.server-banner-modern{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.server-card-modern:hover .server-banner-modern{transform:scale(1.02)}.card-content{padding:var(--spacing-lg)}.connection-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);border:1px solid var(--border-subtle);margin-bottom:var(--spacing-md);transition:all .3s ease}.connection-bar:hover{border-color:var(--accent-primary);background:rgba(37,99,235,.05)}.connection-info{display:flex;flex-direction:column;flex:1;min-width:0}.connection-label{font-size:.75rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:2px}.connection-value{font-family:Monaco,Menlo,monospace;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-button{background:var(--accent-primary);border:none;color:var(--bg-primary);padding:var(--spacing-sm);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-button:hover{background:#00e676;transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px rgba(37,99,235,.4)}.server-description-modern{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag-modern{background:var(--bg-secondary);color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:1px solid var(--border-subtle);white-space:nowrap}.tag-modern:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(37,99,235,.3)}.version-tag{background:rgba(156,39,176,.2);color:var(--accent-purple);border-color:rgba(156,39,176,.3)}.version-tag:hover{background:var(--accent-purple);color:white;border-color:var(--accent-purple)}.tag-more{cursor:default}.tag-more,.tag-more:hover{background:rgba(117,117,117,.2);color:var(--text-subtle)}.tag-more:hover{transform:none;box-shadow:none}.card-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-weight:600;font-size:.85rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.vote-btn{background:linear-gradient(135deg,var(--accent-primary),#00e676);color:var(--bg-primary)}.vote-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.view-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.view-btn:hover{border-color:var(--accent-blue);background:rgba(33,150,243,.1);transform:translateY(-2px)}.website-btn{background:linear-gradient(135deg,#7289da,#5b6eae);color:white}.website-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(114,137,218,.4)}.btn-icon{font-size:1rem}@media (max-width:1200px){.servers-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.servers-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.card-header{padding:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.server-meta{margin:0 var(--spacing-md);flex:1;min-width:200px}.rank-badge{width:40px;height:40px}.stats-display,.status-indicator{min-width:50px}.server-banner-modern{height:70px}.card-content{padding:var(--spacing-md)}.card-actions{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);flex-direction:column}.action-button{flex:none}}@media (max-width:480px){.servers-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.server-meta{margin:0}.stats-display,.status-indicator{align-self:center}.connection-bar{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.copy-button{width:100%;height:40px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.auth-card{max-width:480px}.auth-card,.auth-card-horizontal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-2xl);width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.auth-card-horizontal{max-width:900px}.auth-content-horizontal{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}.auth-form-section,.oauth-section-horizontal{display:flex;flex-direction:column}.oauth-section-horizontal{justify-content:center;padding:var(--spacing-xl);border-left:1px solid var(--border-subtle)}.oauth-divider-horizontal{text-align:center;margin-bottom:var(--spacing-lg)}.oauth-divider-horizontal span{color:var(--text-muted);font-size:.85rem;font-weight:500}.oauth-buttons-vertical{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-blue))}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-muted);font-size:1rem;margin:0;line-height:1.5}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:#ef4444;font-size:.9rem}.error-icon{font-size:1.2rem}.success-banner{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--accent-primary);font-size:.9rem}.success-icon{font-size:1.2rem}.auth-form{gap:var(--spacing-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-label{font-weight:600;font-size:.9rem;margin-bottom:var(--spacing-xs)}.form-input,.form-label{color:var(--text-primary)}.form-input{padding:var(--spacing-md);border:2px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary);font-size:1rem;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input-error{border-color:#ef4444}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#ef4444;font-size:.85rem;margin:0;font-weight:500}.password-requirements{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle)}.requirements-title{font-size:.85rem;color:var(--text-muted);margin:0 0 var(--spacing-xs) 0;font-weight:600}.requirements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.requirements-list li{font-size:.8rem;color:var(--text-subtle);position:relative;padding-left:var(--spacing-md);transition:color .3s ease}.requirements-list li:before{content:"○";position:absolute;left:0;color:var(--text-subtle);transition:all .3s ease}.requirements-list li.requirement-met{color:var(--accent-primary);font-weight:500}.requirements-list li.requirement-met:before{content:"✓";color:var(--accent-primary)}.auth-submit-btn{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));color:white;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.auth-submit-btn:hover:not(.auth-submit-btn-disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.auth-submit-btn-disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:12px;height:12px;border:1px solid rgba(255,255,255,.3);border-top:1px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-loading{display:flex;align-items:center;justify-content:center;min-width:100px;height:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.auth-footer-text{color:var(--text-muted);font-size:.9rem;margin:0}.auth-footer-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer-link:hover{color:var(--accent-blue)}.auth-terms{margin-top:var(--spacing-lg);text-align:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle)}.auth-terms p{color:var(--text-subtle);font-size:.8rem;margin:0;line-height:1.4}.terms-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.forgot-password{text-align:right;margin-bottom:var(--spacing-sm)}.forgot-password-link{color:var(--accent-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password-link:hover{color:var(--accent-blue)}.oauth-section{margin-top:var(--spacing-xl)}.oauth-divider{position:relative;text-align:center;margin:var(--spacing-lg) 0}.oauth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-subtle)}.oauth-divider span{background:var(--bg-card);padding:0 var(--spacing-md);color:var(--text-muted);font-size:.85rem;position:relative;z-index:1}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.oauth-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-card);transform:translateY(-1px)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.google-btn:hover:not(:disabled){border-color:#4285F4;box-shadow:0 2px 8px rgba(66,133,244,.2)}.github-btn:hover:not(:disabled){border-color:#333;box-shadow:0 2px 8px rgba(0,0,0,.2)}.discord-btn:hover:not(:disabled){border-color:#5865F2;box-shadow:0 2px 8px rgba(88,101,242,.2)}.microsoft-btn:hover:not(:disabled){border-color:#0078d4;box-shadow:0 2px 8px rgba(0,120,212,.2)}.steam-btn:hover:not(:disabled){border-color:#171a21;box-shadow:0 2px 8px rgba(23,26,33,.2)}@media (max-width:768px){.auth-container{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-xl)}.auth-title{font-size:1.75rem}}@media (max-width:480px){.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}.requirements-list{flex-direction:column}}.control-panel-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.control-panel-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);border-radius:var(--radius);border:1px solid var(--border-subtle)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.add-server-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));color:white;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(37,99,235,.2)}.add-server-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.add-icon{font-size:1.2rem;font-weight:700}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.02em}.page-subtitle,.page-title{font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.page-subtitle{color:var(--text-muted);font-size:1rem;font-weight:400;margin:0;line-height:1.6}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease}.stat-item:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.servers-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-xl)}.stat-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));border-radius:var(--radius);flex-shrink:0}.stat-info{flex:1}.control-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,400px));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);justify-content:start}.control-panel-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-xl);transition:all .3s ease}.control-panel-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-hover)}.section-header{margin-bottom:var(--spacing-lg)}.section-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));color:white;border:none}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.recent-activity{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-xl)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:flex-start;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle)}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));border-radius:var(--radius);flex-shrink:0}.activity-content{flex:1}.activity-text{color:var(--text-primary);font-size:.95rem;margin:0 0 var(--spacing-xs) 0;line-height:1.4}.activity-time{color:var(--text-muted);font-size:.85rem;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg)}.loading-spinner-large{width:48px;height:48px;border-top:4px solid var(--border-subtle);border:4px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.modal-content{background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.servers-modal{width:800px}.add-server-modal{width:600px}.modal-header{justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);gap:var(--spacing-sm);margin:0}.title-icon{font-size:1.3rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius);transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-subtle)}.game-selection-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-box{position:relative;max-width:400px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:3rem;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-results-count{color:var(--text-muted);font-size:.9rem;margin:0}.selected-game-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.selected-game-info h2{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.game-type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(37,99,235,.1);color:var(--accent-primary);border-radius:var(--radius);font-size:.8rem;font-weight:600;margin:0}.form-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-xl)}.back-button-container{margin-bottom:var(--spacing-lg)}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.form-textarea{min-height:100px;resize:vertical}.retry-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);color:white;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--accent-primary-dark)}.server-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-subtle)}.stat-value{font-weight:600;color:var(--text-primary)}.servers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.empty-state p{font-size:1rem;margin:0 0 var(--spacing-xl) 0;max-width:400px;margin-left:auto;margin-right:auto}.cta-btn{display:inline-block;background:var(--accent-primary);color:white;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius);text-decoration:none;font-weight:600;transition:all .2s ease}.cta-btn:hover{background:var(--accent-primary-dark);transform:translateY(-1px)}.server-info h3{margin:0 0 var(--spacing-xs) 0}.server-info p{margin:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.detail-label{color:var(--text-muted);font-size:.9rem}.detail-value{font-weight:500;color:var(--text-primary)}.detail-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.detail-link:hover{text-decoration:underline}.edit-btn{background:var(--accent-primary);color:white}.edit-btn:hover{background:var(--accent-primary-dark)}.delete-btn{background:#ef4444;color:white;border-color:#ef4444}.delete-btn:hover{background:#dc2626;border-color:#dc2626}.settings-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--spacing-xl)}.form-value{color:var(--text-secondary);font-size:1rem;margin:0;padding:var(--spacing-sm) 0}.edit-btn,.save-btn{background:var(--accent-primary);color:white;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn:hover,.save-btn:hover{background:var(--accent-primary-dark);transform:translateY(-1px)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.action-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all .2s ease;text-decoration:none;color:inherit;cursor:pointer}.action-item:hover{border-color:var(--accent-primary);background:rgba(99,102,241,.05)}.action-item.danger:hover{border-color:#ef4444;background:rgba(239,68,68,.05)}.action-icon{font-size:1.5rem;width:2.5rem;text-align:center}.action-item h3{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.action-item p{font-size:.9rem;color:var(--text-muted);margin:0}.action-item.danger h3{color:#ef4444}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.no-results-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.no-results h3{font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary)}.no-results p{margin:0;font-size:.95rem}.error-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:#ef4444;text-align:center;margin:var(--spacing-lg) 0}@media (max-width:768px){.page-container{padding:var(--spacing-lg)}.page-header{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-title{font-size:2rem}.page-subtitle{font-size:.95rem}.settings-container{gap:var(--spacing-lg)}.settings-section{padding:var(--spacing-xl)}.action-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.search-box{max-width:none}.games-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.auth-card-horizontal{padding:1.5rem}.auth-content-horizontal{grid-template-columns:1fr;gap:2rem}.auth-form-section{border-right:none;padding-right:0}.oauth-section-horizontal{padding-left:0}.oauth-divider-horizontal{display:block;text-align:center;margin:1.5rem 0;position:relative}.oauth-divider-horizontal:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.oauth-divider-horizontal span{background:var(--bg-primary);padding:0 1rem;position:relative;z-index:1}}@media (max-width:480px){.auth-card-horizontal{padding:1rem;margin:1rem}.auth-content-horizontal{gap:1.5rem}.oauth-buttons-vertical .oauth-btn{padding:.75rem 1rem;font-size:.875rem}}.server-vote-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:hsl(var(--primary));font-weight:600;font-size:.75rem;transition:all .2s ease;cursor:pointer}.server-vote-button:hover{background:rgba(59,130,246,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.server-vote-button:active{transform:translateY(0)}.light .server-vote-button{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4)}.light .server-vote-button:hover{background:rgba(59,130,246,.25)}.server-vote-button-mobile{display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:hsl(var(--primary));transition:all .2s ease;cursor:pointer}.server-vote-button-mobile:hover{background:rgba(59,130,246,.2)}.light .server-vote-button-mobile{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4)}.light .server-vote-button-mobile:hover{background:rgba(59,130,246,.25)}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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\:border-\[\#fbbf24\]:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary)/.5)}.hover\:bg-\[rgba\(251\2c 191\2c 36\2c 0\.1\)\]:hover{background-color:rgba(251,191,36,.1)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-400\/20:hover{background-color:rgb(251 191 36/.2)}.hover\:bg-amber-500\/20:hover{background-color:rgb(245 158 11/.2)}.hover\:bg-blue-400\/20:hover{background-color:rgb(96 165 250/.2)}.hover\:bg-blue-500\/20:hover{background-color:rgb(59 130 246/.2)}.hover\:bg-card\/70:hover{background-color:hsl(var(--card)/.7)}.hover\:bg-cyan-400\/20:hover{background-color:rgb(34 211 238/.2)}.hover\:bg-cyan-500\/20:hover{background-color:rgb(6 182 212/.2)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-emerald-400\/20:hover{background-color:rgb(52 211 153/.2)}.hover\:bg-emerald-500\/20:hover{background-color:rgb(16 185 129/.2)}.hover\:bg-fuchsia-400\/20:hover{background-color:rgb(232 121 249/.2)}.hover\:bg-fuchsia-500\/20:hover{background-color:rgb(217 70 239/.2)}.hover\:bg-green-400\/20:hover{background-color:rgb(74 222 128/.2)}.hover\:bg-green-500\/20:hover{background-color:rgb(34 197 94/.2)}.hover\:bg-indigo-400\/20:hover{background-color:rgb(129 140 248/.2)}.hover\:bg-indigo-500\/20:hover{background-color:rgb(99 102 241/.2)}.hover\:bg-lime-400\/20:hover{background-color:rgb(163 230 53/.2)}.hover\:bg-lime-500\/20:hover{background-color:rgb(132 204 22/.2)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-muted\/70:hover{background-color:hsl(var(--muted)/.7)}.hover\:bg-orange-400\/20:hover{background-color:rgb(251 146 60/.2)}.hover\:bg-orange-500\/20:hover{background-color:rgb(249 115 22/.2)}.hover\:bg-pink-400\/20:hover{background-color:rgb(244 114 182/.2)}.hover\:bg-pink-500\/20:hover{background-color:rgb(236 72 153/.2)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/20:hover{background-color:hsl(var(--primary)/.2)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-purple-400\/20:hover{background-color:rgb(192 132 252/.2)}.hover\:bg-purple-500\/20:hover{background-color:rgb(168 85 247/.2)}.hover\:bg-rose-400\/20:hover{background-color:rgb(251 113 133/.2)}.hover\:bg-rose-500\/20:hover{background-color:rgb(244 63 94/.2)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-sky-400\/20:hover{background-color:rgb(56 189 248/.2)}.hover\:bg-sky-500\/20:hover{background-color:rgb(14 165 233/.2)}.hover\:bg-teal-400\/20:hover{background-color:rgb(45 212 191/.2)}.hover\:bg-teal-500\/10:hover{background-color:rgb(20 184 166/.1)}.hover\:bg-teal-500\/20:hover{background-color:rgb(20 184 166/.2)}.hover\:bg-violet-400\/20:hover{background-color:rgb(167 139 250/.2)}.hover\:bg-violet-500\/20:hover{background-color:rgb(139 92 246/.2)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}.hover\:bg-yellow-400\/20:hover{background-color:rgb(250 204 21/.2)}.hover\:bg-yellow-500\/20:hover{background-color:rgb(234 179 8/.2)}.hover\:text-\[\#fbbf24\]:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-muted\/50:focus{background-color:hsl(var(--muted)/.5)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:text-foreground:focus{color:hsl(var(--foreground))}.focus\:opacity-100:focus{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-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:-rotate-12{--tw-rotate:-12deg}.group:hover .group-hover\:-rotate-12,.group:hover .group-hover\:rotate-90{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\:rotate-90{--tw-rotate:90deg}.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-foreground{background-color:hsl(var(--primary-foreground))}.group:hover .group-hover\:from-muted\/50{--tw-gradient-from:hsl(var(--muted)/0.5) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--muted)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:to-muted\/30{--tw-gradient-to:hsl(var(--muted)/0.3) var(--tw-gradient-to-position)}.group:hover .group-hover\:text-foreground{color:hsl(var(--foreground))}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-90{opacity:.9}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{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))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{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))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);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 accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:ml-3{margin-left:.75rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[160px\]{height:160px}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:w-40{width:10rem}.md\:w-64{width:16rem}.md\:w-\[140px\]{width:140px}.md\:w-\[280px\]{width:280px}.md\:w-\[468px\]{width:468px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:min-w-0{min-width:0}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:flex-col{flex-direction:column}.md\:gap-3{gap:.75rem}.md\:rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.md\:rounded-tr-none{border-top-right-radius:0}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-4{padding:1rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}