1<!DOCTYPE html><html lang="en" class="scroll-smooth" data-theme="vibecode"> <head><meta name="sentry-route-name" content="%2Fcontact"/><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v6.1.8"><link rel="preload" href="/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/_astro/sora-latin-wght-normal.DdqRvwsR.woff2" as="font" type="font/woff2" crossorigin="anonymous"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="manifest" href="/manifest.webmanifest"><meta name="theme-color" content="#2B1067"><link rel="dns-prefetch" href="https://miqqihvxnqhnicjjufuu.supabase.co"><link rel="dns-prefetch" href="//challenges.cloudflare.com"><!-- SEO --><!-- Primary Meta Tags --><title>Contact â Vibecode.game</title><meta name="description" content="Get in touch with the Vibecode.game team â listings, partnerships, or general questions."><link rel="canonical" href="https://vibecode.game/contact/"><meta name="robots" content="index, follow"><!-- Open Graph --><meta property="og:title" content="Contact â Vibecode.game"><meta property="og:type" content="website"><meta property="og:image" content="https://vibecode.game/og/default.webp"><meta property="og:image:secure_url" content="https://vibecode.game/og/default.webp"><meta property="og:url" content="https://vibecode.game/contact/"><meta property="og:description" content="Get in touch with the Vibecode.game team â listings, partnerships, or general questions."><meta property="og:site_name" content="Vibecode.game"><meta property="og:locale" content="en_US"><meta property="og:image:alt" content="Contact â Vibecode.game"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:type" content="image/webp"><!-- Article Metadata --><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Contact â Vibecode.game"><meta name="twitter:description" content="Get in touch with the Vibecode.game team â listings, partnerships, or general questions."><meta name="twitter:image" content="https://vibecode.game/og/default.webp"><meta name="twitter:image:alt" content="Contact â Vibecode.game"><meta name="twitter:site" content="@Vibecode_game"><meta name="twitter:creator" content="@Vibecode_game"><!-- Verification --><meta name="google-site-verification" content="_YWaSMwM6wkE1mdpZiqwgM09hn6g7pDfuZ-sdNXUcmA"><!-- RSS Feed --><link rel="alternate" type="application/rss+xml" title="Vibecode.game RSS Feed" href="/rss.xml"><!-- JSON-LD Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Vibecode.game","url":"https://vibecode.game","description":"Play and build the best vibe-coded games. Discover top-rated AI-built games, explore developer profiles, and find guides for AI coding tools. Join our community today!"}</script>
1<!-- Analytics (loads if PUBLIC_GA_MEASUREMENT_ID or PUBLIC_GTM_ID is set) -->
1<script type="application/json" id="analytics-data">{"gtmId":null,"gaId":"G-BN7DYRD19N","storageKey":"cookie-consent","configVersion":1,"gcmDefaults":{"security_storage":"granted","analytics_storage":"denied","ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","functionality_storage":"denied","personalization_storage":"denied"},"categoryDefaults":{"necessary":true,"analytics":false,"marketing":false,"preferences":false},"categoryGcmMap":{"necessary":["security_storage"],"analytics":["analytics_storage"],"marketing":["ad_storage","ad_user_data","ad_personalization"],"preferences":["functionality_storage","personalization_storage"]},"analyticsCategoryKey":"analytics"}</script>
1<script> 2 (function(){ 3 const d = JSON.parse(document.getElementById('analytics-data').textContent); 4 function inject() { 5 const s = document.createElement('script'); 6 s.async = true; 7 s.src = 'https://www.googletagmanager.com/gtag/js?id=' + d.gaId; 8 document.head.appendChild(s); 9 window.dataLayer = window.dataLayer || []; 10 function gtag(){ 11 // eslint-disable-next-line prefer-rest-params -- gtag.js requires Arguments, not Array 12 window.dataLayer.push(arguments); 13 } 14 gtag('js', new Date()); 15 gtag('config', d.gaId); 16 } 17 if (document.readyState === 'complete') { 18 inject(); 19 } else { 20 window.addEventListener('load', inject, { once: true }); 21 } 22 })(); 23 </script>
23<!-- View Transitions (client-side routing with animated page transitions) --><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate">
23<script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.j56hQv-j.js"></script>
23<!-- Theme script (runs before body paint; <html> starts with class="dark" as default) -->
23<script> 24 (function () { 25 function applyTheme(el) { 26 try { 27 const savedTheme = sessionStorage.getItem('theme'); 28 const resolvedTheme = savedTheme === 'light' || savedTheme === 'dark' 29 ? savedTheme 30 : 'dark'; 31 if (resolvedTheme === 'light') { 32 el.classList.remove('dark'); 33 } else { 34 el.classList.add('dark'); 35 } 36 } catch { /* ignored */ } 37 } 38 39 applyTheme(document.documentElement); 40 41 function hasSupabaseSessionCookie() { 42 return document.cookie.includes('sb-'); 43 } 44 45 async function hydrateProfileThemePreference() { 46 if (!hasSupabaseSessionCookie()) return; 47 try { 48 const response = await fetch('/api/profile/theme', { 49 method: 'GET', 50 credentials: 'same-origin', 51 headers: { Accept: 'application/json' }, 52 }); 53 if (!response.ok) return; 54 const payload = await response.json(); 55 if (!payload?.success) return; 56 const preference = payload.themePreference; 57 if (preference === 'light' || preference === 'dark') { 58 sessionStorage.setItem('theme', preference); 59 } else { 60 sessionStorage.removeItem('theme'); 61 } 62 applyTheme(document.documentElement); 63 } catch { 64 // Ignore profile theme hydration failures and keep local default behavior. 65 } 66 } 67 68 hydrateProfileThemePreference(); 69 70 if (!window.__themeListenersInit) { 71 window.__themeListenersInit = true; 72 73 document.addEventListener('astro:before-swap', function (e) { 74 applyTheme(e.newDocument.documentElement); 75 }); 76 77 document.addEventListener('astro:after-swap', function () { 78 applyTheme(document.documentElement); 79 hydrateProfileThemePreference(); 80 }); 81 } 82 })(); 83 </script>
83<style>@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--theme-font-sans);--font-mono:var(--theme-font-mono);--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-700:oklch(52% .105 223.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;
83--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:var(--theme-radius-sm);--radius-md:var(--theme-radius-md);--radius-lg:var(--theme-radius-lg);--radius-xl:var(--theme-radius-xl);--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-lg:var(--theme-shadow-lg);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--blur-3xl:64px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-background-secondary:var(--background-secondary);--color-background-tertiary:var(--background-tertiary);--color-foreground:var(--foreground);--color-foreground-secondary:var(--foreground-secondary);--color-foreground-muted:var(--foreground-muted);--color-foreground-subtle:var(--foreground-subtle);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-hover:var(--secondary-hover);--color-secondary-foreground:var(--secondary-foreground);--color-muted-foreground:var(--muted-foreground);--color-card:var(--card);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-ring:var(--ring);--color-success:var(--success);--color-warning:var(--warning);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-surface-invert:var(--surface-invert);--color-surface-invert-secondary:var(--surface-invert-secondary);--color-on-invert:var(--on-invert);--color-on-invert-muted:var(--on-invert-muted);--color-border-invert:var(--border-invert);--font-display:var(--theme-font-display);--font-ui:var(--theme-font-ui);--color-brand-50:var(--brand-50);--color-brand-100:var(--brand-100);--color-brand-200:var(--brand-200);--color-brand-300:var(--brand-300);--color-brand-400:var(--brand-400);--color-brand-500:var(--brand-500);--color-brand-600:var(--brand-600);--color-brand-700:var(--brand-700);--color-brand-800:var(--brand-800);--color-brand-900:var(--brand-900);--font-size-base:1rem;--radius-full:var(--theme-radius-full);--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--ease-default:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--container-max:1200px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
83::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{border-color:var(--color-border)}html{font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-base);line-height:var(--theme-body-leading);min-height:100vh}.dark body{background-image:radial-gradient(1200px 600px at 50% -100px,#5703f559,#5703f500 60%),radial-gradient(800px 500px at 90% 30%,#e1ff000f,#e1ff0000 60%),linear-gradient(#0b0420,#06031a);background-attachment:fixed}:root:not(.dark) body{background-image:radial-gradient(1100px 600px at 50% -120px,#5703f50f,#5703f500 60%),radial-gradient(700px 480px at 92% 18%,#b3ff5212,#b3ff5200 60%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--theme-heading-tracking);color:var(--color-foreground);-webkit-text-fill-color:currentColor;line-height:1.1}h1,h2{font-weight:700}h3{font-weight:600}h4,h5,h6{font-weight:500}button,select,label,nav a,footer a,[role=button],[role=tab],[role=menuitem],summary{font-family:var(--font-ui)}input,textarea{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-muted)}}@layer components{.card-hover{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.card-hover{border-color:color-mix(in oklab,var(--color-border)60%,transparent)}}.card-hover{background-color:var(--color-background);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-out);transition-duration:.2s;transition-timing-function:var(--ease-out)}.card-hover:where(.dark,.dark *){background-color:#0000;border-color:#0000}@media(hover:hover){.card-hover:hover{border-color:var(--accent-signal);background-color:#5703f50f}.card-hover:where(.dark,.dark *):hover{background-color:#5703f52e;border-color:#e1ff004d}}.dark .vibe-highlight{color:var(--vc-lime);-webkit-text-fill-color:var(--vc-lime)}:root{--nav-link-color:var(--color-foreground-muted);--nav-link-bg:transparent;--nav-link-font-weight:500;--nav-link-hover-color:var(--color-foreground);--nav-link-hover-bg:var(--color-secondary);--nav-link-active-color:var(--accent);--nav-link-active-bg:transparent;--nav-link-active-font-weight:600;--nav-link-focus-ring:var(--color-ring)}.nav-link{color:var(--nav-link-color);background-color:var(--nav-link-bg)}.nav-link-inactive{font-weight:var(--nav-link-font-weight)}.nav-link-inactive:hover{color:var(--nav-link-hover-color);background-color:var(--nav-link-hover-bg)}.nav-link-active{color:var(--nav-link-active-color);background-color:var(--nav-link-active-bg);font-weight:var(--nav-link-active-font-weight)}.nav-link:focus-visible{outline:2px solid var(--nav-link-focus-ring);outline-offset:2px}.mobile-nav-link{color:var(--nav-link-color);background-color:var(--nav-link-bg)}.mobile-nav-link-inactive{font-weight:var(--nav-link-font-weight)}.mobile-nav-link-inactive:hover{color:var(--nav-link-hover-color);background-color:var(--nav-link-hover-bg)}.mobile-nav-link-active{color:var(--nav-link-active-color);background-color:var(--nav-link-active-bg);
83font-weight:var(--nav-link-active-font-weight)}.prose{min-width:0;max-width:65ch;color:var(--color-foreground-secondary);font-size:var(--font-size-base);overflow-wrap:anywhere;word-wrap:anywhere;line-height:1.75}.prose>*{max-width:100%}.prose :where(p,li,td,th,blockquote,h1,h2,h3,h4,h5,h6,figcaption,a,span){overflow-wrap:anywhere;word-wrap:anywhere}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-foreground);margin-top:2em;margin-bottom:.75em}.prose h1{font-size:2.25em;line-height:1.2}.prose h2{font-size:1.75em;line-height:1.3}.prose h3{font-size:1.375em;line-height:1.4}.prose h4{font-size:1.15em;line-height:1.5}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{color:var(--color-foreground-secondary);margin-bottom:1.25em}.prose a{color:var(--color-foreground);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);transition:text-decoration-color var(--transition-fast),color var(--transition-fast);font-weight:600}.prose a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.prose strong{color:var(--color-foreground);font-weight:600}.prose code{background:var(--color-background-tertiary);border-radius:var(--radius-sm);padding:.125em .375em;font-size:.875em}.prose pre{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:1.5em 0;padding:1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.875rem}.prose ul,.prose ol{margin:1.25em 0;padding-left:1.5em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose ul ul{list-style-type:circle}.prose ul ul ul{list-style-type:square}.prose li{margin:.5em 0;padding-left:.25em}.prose li::marker{color:var(--vc-purple-600)}.dark .prose li::marker{color:var(--vc-lime)}.prose blockquote{border-left:2px solid var(--color-border-strong);color:var(--color-foreground-muted);margin:1.5em 0;padding-left:1rem;font-style:italic}.prose img{border-radius:var(--radius-lg);margin:2em 0}.prose iframe{border-radius:var(--radius-lg);max-width:100%}.prose hr{border:none;border-top:1px solid var(--color-border);margin:3em 0}.prose table{border-collapse:collapse;width:100%;margin:2em 0;font-size:.9em;display:block;overflow-x:auto}.prose thead{border-bottom:2px solid var(--color-border-strong)}.prose th{color:var(--color-foreground);text-align:left;background:var(--color-background-secondary);padding:.625em .875em;font-weight:600}.prose td{border-bottom:1px solid var(--color-border);color:var(--color-foreground-secondary);vertical-align:top;padding:.625em .875em}.prose tr:last-child td{border-bottom:none}.prose tbody tr:hover td{background:var(--color-background-secondary)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-bubble{z-index:9999;color:#fff;background-color:var(--gray-900);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast)var(--ease-out),transform var(--transition-fast)var(--ease-out),visibility var(--transition-fast)var(--ease-out);border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;transform:scale(.96);box-shadow:0 4px 12px #00000026}.dark .tooltip-bubble{background-color:var(--gray-100);color:var(--gray-900)}[data-tooltip-position=top] .tooltip-bubble{inset:auto auto calc(100% + 8px) 50%;transform:translate(-50%)scale(.96)}[data-tooltip-position=top] .tooltip-bubble.visible{transform:translate(-50%)scale(1)}[data-tooltip-position=bottom] .tooltip-bubble{inset:calc(100% + 8px) auto auto 50%;transform:translate(-50%)scale(.96)}[data-tooltip-position=bottom] .tooltip-bubble.visible{transform:translate(-50%)scale(1)}[data-tooltip-position=left] .tooltip-bubble{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)scale(.96)}[data-tooltip-position=left] .tooltip-bubble.visible{transform:translateY(-50%)scale(1)}[data-tooltip-position=right] .tooltip-bubble{inset:50% auto auto calc(100% + 8px);transform:translateY(-50%)scale(.96)}[data-tooltip-position=right] .tooltip-bubble.visible{transform:translateY(-50%)scale(1)}.tooltip-bubble.visible{opacity:1;visibility:visible}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[5px\]{inset:5px}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-6{inset-inline:calc(var(--spacing)*6)}.-inset-y-\[20\%\]{inset-block:-20%}.inset-y-0{inset-block:calc(var(--spacing)*0)}.\!top-4{top:calc(var(--spacing)*4)!important}.-top-2{top:calc(var(--spacing)*-2)}.-top-8{top:calc(var(--spacing)*-8)}.-top-16{top:calc(var(--spacing)*-16)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-10{top:calc(var(--spacing)*10)}.top-\[-1px\]{top:-1px}.top-full{top:100%}.\!right-auto{right:auto!important}.-right-2{right:calc(var(--spacing)*-2)}.-right-16{right:calc(var(--spacing)*-16)}.right-0{right:calc(var(--spacing)*0)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1\/4{bottom:25%}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-14{bottom:calc(var(--spacing)*14)}
83.\!left-1\/2{left:50%!important}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-0\.5{left:calc(var(--spacing)*.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-10{margin-block:calc(var(--spacing)*10)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[var\(--space-section\)\]{margin-top:var(--space-section)}.mt-\[var\(--space-section-header\)\]{margin-top:var(--space-section-header)}.mt-\[var\(--space-stack-lg\)\]{margin-top:var(--space-stack-lg)}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-\[var\(--space-heading-gap\)\]{margin-bottom:var(--space-heading-gap)}.mb-\[var\(--space-section-header\)\]{margin-bottom:var(--space-section-header)}.mb-\[var\(--space-section-sm\)\]{margin-bottom:var(--space-section-sm)}.mb-\[var\(--space-stack-lg\)\]{margin-bottom:var(--space-stack-lg)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}
83.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-52{height:calc(var(--spacing)*52)}.h-56{height:calc(var(--spacing)*56)}.h-\[2px\]{height:2px}.h-\[18px\]{height:18px}.h-\[28rem\]{height:28rem}.h-\[70vh\]{height:70vh}.h-\[250px\]{height:250px}.h-\[300px\]{height:300px}.h-\[380px\]{height:380px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[min\(24rem\,50vh\)\]{max-height:min(24rem,50vh)}.max-h-\[min\(70vh\,520px\)\]{max-height:min(70vh,520px)}.max-h-\[min\(480px\,60vh\)\]{max-height:min(480px,60vh)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-48{min-height:calc(var(--spacing)*48)}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[12rem\]{min-height:12rem}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100vh-8rem\)\]{min-height:calc(100vh - 8rem)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-\[3\.25rem\]{width:3.25rem}.w-\[18px\]{width:18px}.w-\[28rem\]{width:28rem}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[600px\]{width:600px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(100\%\,360px\)\]{width:min(100%,360px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content;width:var(--container-max)}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[100vw\]{max-width:100vw}.max-w-\[320px\]{max-width:320px}.max-w-\[420px\]{max-width:420px}.max-w-\[min\(100\%\,16rem\)\]{max-width:min(100%,16rem)}.max-w-\[min\(100\%\,18rem\)\]{max-width:min(100%,18rem)}.max-w-\[min\(100\%\,28rem\)\]{max-width:min(100%,28rem)}.max-w-\[min\(100\%\,34rem\)\]{max-width:min(100%,34rem)}.max-w-\[min\(100\%\,36rem\)\]{max-width:min(100%,36rem)}.max-w-\[min\(100\%\,42rem\)\]{max-width:min(100%,42rem)}.max-w-\[min\(100\%\,56rem\)\]{max-width:min(100%,56rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-52{min-width:calc(var(--spacing)*52)}.min-w-\[11rem\]{min-width:11rem}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-\[0_0_100\%\]{flex:0 0 100%}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;
83--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-0{--tw-scale-y:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.97\]{scale:.97}.scale-\[0\.98\]{scale:.98}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.resize{resize:both}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.snap-start{scroll-snap-align:start}.scroll-mt-8{scroll-margin-top:calc(var(--spacing)*8)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[var\(--space-content-gap\)\]{gap:var(--space-content-gap)}.gap-\[var\(--space-inline-lg\)\]{gap:var(--space-inline-lg)}.gap-\[var\(--space-section-gap\)\]{gap:var(--space-section-gap)}.gap-\[var\(--space-stack-lg\)\]{gap:var(--space-stack-lg)}.gap-\[var\(--space-stack-md\)\]{gap:var(--space-stack-md)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-10{column-gap:calc(var(--spacing)*10)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-\[var\(--space-stack-lg\)\]{row-gap:var(--space-stack-lg)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.\!rounded-full{border-radius:var(--radius-full)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[4px\]{border-radius:4px}
83.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[color\:rgba\(0\,0\,0\,0\.10\)\]{border-color:#0000001a}.border-\[color\:rgba\(225\,255\,0\,0\.4\)\]{border-color:#e1ff0066}.border-\[color\:rgba\(225\,255\,0\,0\.30\)\]{border-color:#e1ff004d}.border-\[color\:var\(--accent-signal\)\]{border-color:var(--accent-signal)}.border-\[color\:var\(--cta\)\]{border-color:var(--cta)}.border-\[color\:var\(--engagement-accent\)\]\/25{border-color:var(--engagement-accent)}@supports (color:color-mix(in lab,red,red)){.border-\[color\:var\(--engagement-accent\)\]\/25{border-color:color-mix(in oklab,var(--engagement-accent)25%,transparent)}}.border-\[var\(--error\)\]\/20{border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--error\)\]\/20{border-color:color-mix(in oklab,var(--error)20%,transparent)}}.border-\[var\(--error\)\]\/30{border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--error\)\]\/30{border-color:color-mix(in oklab,var(--error)30%,transparent)}}.border-\[var\(--info\)\]\/20{border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--info\)\]\/20{border-color:color-mix(in oklab,var(--info)20%,transparent)}}.border-\[var\(--info\)\]\/30{border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--info\)\]\/30{border-color:color-mix(in oklab,var(--info)30%,transparent)}}.border-\[var\(--success\)\]\/20{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--success\)\]\/20{border-color:color-mix(in oklab,var(--success)20%,transparent)}}.border-\[var\(--success\)\]\/30{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--success\)\]\/30{border-color:color-mix(in oklab,var(--success)30%,transparent)}}.border-\[var\(--vc-lime\)\]{border-color:var(--vc-lime)}.border-\[var\(--warning\)\]\/20{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--warning\)\]\/20{border-color:color-mix(in oklab,var(--warning)20%,transparent)}}.border-\[var\(--warning\)\]\/30{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--warning\)\]\/30{border-color:color-mix(in oklab,var(--warning)30%,transparent)}}.border-amber-400\/90{border-color:#fcbb00e6}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/90{border-color:color-mix(in oklab,var(--color-amber-400)90%,transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/40{border-color:color-mix(in oklab,var(--color-amber-500)40%,transparent)}}.border-background{border-color:var(--color-background)}.border-border{border-color:var(--color-border)}.border-border-invert{border-color:var(--color-border-invert)}.border-border-strong,.border-border-strong\/60{border-color:var(--color-border-strong)}@supports (color:color-mix(in lab,red,red)){.border-border-strong\/60{border-color:color-mix(in oklab,var(--color-border-strong)60%,transparent)}}.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--color-border)60%,transparent)}}.border-border\/70{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/70{border-color:color-mix(in oklab,var(--color-border)70%,transparent)}}.border-brand-300\/50{border-color:var(--color-brand-300)}@supports (color:color-mix(in lab,red,red)){.border-brand-300\/50{border-color:color-mix(in oklab,var(--color-brand-300)50%,transparent)}}.border-brand-400\/50{border-color:var(--color-brand-400)}@supports (color:color-mix(in lab,red,red)){.border-brand-400\/50{border-color:color-mix(in oklab,var(--color-brand-400)50%,transparent)}}.border-brand-400\/85{border-color:var(--color-brand-400)}@supports (color:color-mix(in lab,red,red)){.border-brand-400\/85{border-color:color-mix(in oklab,var(--color-brand-400)85%,transparent)}}.border-brand-500,.border-brand-500\/30{border-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.border-brand-500\/30{border-color:color-mix(in oklab,var(--color-brand-500)30%,transparent)}}.border-brand-500\/40{border-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.border-brand-500\/40{border-color:color-mix(in oklab,var(--color-brand-500)40%,transparent)}}.border-brand-700\/70{border-color:var(--color-brand-700)}@supports (color:color-mix(in lab,red,red)){.border-brand-700\/70{border-color:color-mix(in oklab,var(--color-brand-700)70%,transparent)}}.border-destructive,.border-destructive\/30{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--color-destructive)30%,transparent)}}.border-destructive\/40{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/40{border-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.border-destructive\/50{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.border-emerald-700{border-color:var(--color-emerald-700)}.border-emerald-700\/40{border-color:#00795666}@supports (color:color-mix(in lab,red,red)){.border-emerald-700\/40{border-color:color-mix(in oklab,var(--color-emerald-700)40%,transparent)}}.border-foreground,.border-foreground\/25{border-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.border-foreground\/25{border-color:color-mix(in oklab,var(--color-foreground)25%,transparent)}}.border-green-300{border-color:var(--color-green-300)}.border-orange-500\/90{border-color:#fe6e00e6}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/90{border-color:color-mix(in oklab,var(--color-orange-500)90%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-rose-700{border-color:var(--color-rose-700)}.border-slate-300\/90{border-color:#cad5e2e6}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/90{border-color:color-mix(in oklab,var(--color-slate-300)90%,transparent)}}.border-success\/40{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.border-success\/40{border-color:color-mix(in oklab,var(--color-success)40%,transparent)}}.border-transparent{border-color:#0000}.border-warning\/40{border-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/40{border-color:color-mix(in oklab,var(--color-warning)40%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.\!border-b-border,.\!border-b-border\/50{border-bottom-color:var(--color-border)!important}@supports (color:color-mix(in lab,red,red)){.\!border-b-border\/50{border-bottom-color:color-mix(in oklab,var(--color-border)50%,transparent)!important}}.\!bg-background{background-color:var(--color-background)!important}.\!bg-background-secondary{background-color:var(--color-background-secondary)!important}.\!bg-background\/80{background-color:var(--color-background)!important}@supports (color:color-mix(in lab,red,red)){.\!bg-background\/80{background-color:color-mix(in oklab,var(--color-background)80%,transparent)!important}}.bg-\[\#27C93F\]{background-color:#27c93f}.bg-\[\#FF5F56\]{background-color:#ff5f56}.bg-\[\#FFBD2E\]{background-color:#ffbd2e}.bg-\[color\:rgba\(11\,4\,32\,0\.7\)\]{background-color:#0b0420b3}.bg-\[color\:rgba\(43\,16\,103\,0\.5\)\]{background-color:#2b106780}.bg-\[color\:var\(--accent\)\]{background-color:var(--accent)}.bg-\[color\:var\(--background-secondary\)\]{background-color:var(--background-secondary)}.bg-\[color\:var\(--cta\)\]{background-color:var(--cta)}.bg-\[var\(--error\)\]{background-color:var(--error)}.bg-\[var\(--error-light\)\]{background-color:var(--error-light)}.bg-\[var\(--info-light\)\]{background-color:var(--info-light)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-light\)\]{background-color:var(--success-light)}.bg-\[var\(--vc-lime\)\]{background-color:var(--vc-lime)}.bg-\[var\(--vc-purple-600\)\]{background-color:var(--vc-purple-600)}.bg-\[var\(--vc-purple-800\)\]{background-color:var(--vc-purple-800)}.bg-\[var\(--vc-purple-900\)\]{background-color:var(--vc-purple-900)}.bg-\[var\(--warning\)\]{background-color:var(--warning)}.bg-\[var\(--warning-light\)\]{background-color:var(--warning-light)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-background{background-color:var(--color-background)}.bg-background-secondary,.bg-background-secondary\/60{background-color:var(--color-background-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-background-secondary\/60{background-color:color-mix(in oklab,var(--color-background-secondary)60%,transparent)}}.bg-background\/40{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/40{background-color:color-mix(in oklab,var(--color-background)40%,transparent)}}.bg-background\/50{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--color-background)50%,transparent)}}.bg-background\/55{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/55{background-color:color-mix(in oklab,var(--color-background)55%,transparent)}}.bg-background\/60{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/60{background-color:color-mix(in oklab,var(--color-background)60%,transparent)}}.bg-background\/70{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/70{background-color:color-mix(in oklab,var(--color-background)70%,transparent)}}.bg-background\/80{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,var(--color-background)80%,transparent)}}.bg-background\/85{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/85{background-color:color-mix(in oklab,var(--color-background)85%,transparent)}}.bg-background\/90{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/90{background-color:color-mix(in oklab,var(--color-background)90%,transparent)}}.bg-background\/95{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--color-background)95%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-border-strong{background-color:var(--color-border-strong)}.bg-border\/80{background-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.bg-border\/80{background-color:color-mix(in oklab,var(--color-border)80%,transparent)}}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-500,.bg-brand-500\/8{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/8{background-color:color-mix(in oklab,var(--color-brand-500)8%,transparent)}}.bg-brand-500\/10{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/10{background-color:color-mix(in oklab,var(--color-brand-500)10%,transparent)}}.bg-brand-500\/15{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/15{background-color:color-mix(in oklab,var(--color-brand-500)15%,transparent)}}.bg-brand-500\/20{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/20{background-color:color-mix(in oklab,var(--color-brand-500)20%,transparent)}}.bg-brand-500\/\[0\.07\]{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-brand-500)7%,transparent)}}.bg-brand-600,.bg-brand-600\/10{background-color:var(--color-brand-600)}@supports (color:color-mix(in lab,red,red)){.bg-brand-600\/10{background-color:color-mix(in oklab,var(--color-brand-600)10%,transparent)}}.bg-card{background-color:var(--color-card)}.bg-destructive,.bg-destructive\/5{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--color-destructive)5%,transparent)}}.bg-destructive\/10{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-600\/15{background-color:#00976726}@supports (color:color-mix(in lab,red,red)){.bg-emerald-600\/15{background-color:color-mix(in oklab,var(--color-emerald-600)15%,transparent)}}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground-muted,.bg-foreground-muted\/10{background-color:var(--color-foreground-muted)}@supports (color:color-mix(in lab,red,red)){.bg-foreground-muted\/10{background-color:color-mix(in oklab,var(--color-foreground-muted)10%,transparent)}}.bg-foreground-muted\/15{background-color:var(--color-foreground-muted)}@supports (color:color-mix(in lab,red,red)){.bg-foreground-muted\/15{background-color:color-mix(in oklab,var(--color-foreground-muted)15%,transparent)}}.bg-foreground-subtle{background-color:var(--color-foreground-subtle)}.bg-foreground\/50{background-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/50{background-color:color-mix(in oklab,var(--color-foreground)50%,transparent)}}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-600{background-color:var(--color-green-600)}.bg-on-invert{background-color:var(--color-on-invert)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-primary{background-color:var(--color-primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{bac
83kground-color:var(--color-red-600)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-secondary,.bg-secondary\/20{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--color-secondary)20%,transparent)}}.bg-secondary\/30{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--color-secondary)30%,transparent)}}.bg-secondary\/40{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/40{background-color:color-mix(in oklab,var(--color-secondary)40%,transparent)}}.bg-secondary\/50{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/50{background-color:color-mix(in oklab,var(--color-secondary)50%,transparent)}}.bg-secondary\/60{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/60{background-color:color-mix(in oklab,var(--color-secondary)60%,transparent)}}.bg-secondary\/80{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/80{background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-success\/10{background-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,transparent)}}.bg-surface-invert{background-color:var(--color-surface-invert)}.bg-surface-invert-secondary{background-color:var(--color-surface-invert-secondary)}.bg-transparent{background-color:#0000}.bg-warning\/10{background-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning)10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_top_left\,var\(--color-brand-500\)\,transparent_58\%\)\]{background-image:radial-gradient(circle at top left,var(--color-brand-500),transparent 58%)}.from-\[color\:var\(--engagement-accent\)\]\/10{--tw-gradient-from:var(--engagement-accent)}@supports (color:color-mix(in lab,red,red)){.from-\[color\:var\(--engagement-accent\)\]\/10{--tw-gradient-from:color-mix(in oklab,var(--engagement-accent)10%,transparent)}}.from-\[color\:var\(--engagement-accent\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background\/88{--tw-gradient-from:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.from-background\/88{--tw-gradient-from:color-mix(in oklab,var(--color-background)88%,transparent)}}.from-background\/88{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-brand-100\/50{--tw-gradient-from:var(--color-brand-100)}@supports (color:color-mix(in lab,red,red)){.from-brand-100\/50{--tw-gradient-from:color-mix(in oklab,var(--color-brand-100)50%,transparent)}}.from-brand-100\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
83(--tw-gradient-to-position))}.from-brand-100\/65{--tw-gradient-from:var(--color-brand-100)}@supports (color:color-mix(in lab,red,red)){.from-brand-100\/65{--tw-gradient-from:color-mix(in oklab,var(--color-brand-100)65%,transparent)}}.from-brand-100\/65{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-brand-400{--tw-gradient-from:var(--color-brand-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-brand-500\/12{--tw-gradient-from:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.from-brand-500\/12{--tw-gradient-from:color-mix(in oklab,var(--color-brand-500)12%,transparent)}}.from-brand-500\/12{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-brand-500\/20{--tw-gradient-from:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.from-brand-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-brand-500)20%,transparent)}}.from-brand-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-brand-500\/\[0\.04\]{--tw-gradient-from:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.from-brand-500\/\[0\.04\]{--tw-gradient-from:color-mix(in oklab,var(--color-brand-500)4%,transparent)}}.from-brand-500\/\[0\.04\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[color\:var\(--accent\)\]\/15{--tw-gradient-via:var(--accent)}@supports (color:color-mix(in lab,red,red)){.via-\[color\:var\(--accent\)\]\/15{--tw-gradient-via:color-mix(in oklab,var(--accent)15%,transparent)}}.via-\[color\:var\(--accent\)\]\/15{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/72{--tw-gradient-via:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.via-background\/72{--tw-gradient-via:color-mix(in oklab,var(--color-background)72%,transparent)}}.via-background\/72{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/80{--tw-gradient-via:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.via-background\/80{--tw-gradient-via:color-mix(in oklab,var(--color-background)80%,transparent)}}.via-background\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/\[0\.04\]{--tw-gradient-via:#0000000a}@supports (color:color-mix(in lab,red,red)){.via-black\/\[0\.04\]{--tw-gradient-via:color-mix(in oklab,var(--color-black)4%,transparent)}}.via-black\/\[0\.04\]{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/\[0\.08\]{--tw-gradient-via:#00000014}@supports (color:color-mix(in lab,red,red)){.via-black\/\[0\.08\]{--tw-gradient-via:color-mix(in oklab,var(--color-black)8%,transparent)}}.via-black\/\[0\.08\]{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-p
83osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-brand-500{--tw-gradient-via:var(--color-brand-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-background-secondary{--tw-gradient-to:var(--color-background-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background\/60{--tw-gradient-to:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.to-background\/60{--tw-gradient-to:color-mix(in oklab,var(--color-background)60%,transparent)}}.to-background\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background\/88{--tw-gradient-to:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.to-background\/88{--tw-gradient-to:color-mix(in oklab,var(--color-background)88%,transparent)}}.to-background\/88{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-brand-50\/30{--tw-gradient-to:var(--color-brand-50)}@supports (color:color-mix(in lab,red,red)){.to-brand-50\/30{--tw-gradient-to:color-mix(in oklab,var(--color-brand-50)30%,transparent)}}.to-brand-50\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-brand-500\/5{--tw-gradient-to:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.to-brand-500\/5{--tw-gradient-to:color-mix(in oklab,var(--color-brand-500)5%,transparent)}}.to-brand-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-brand-600{--tw-gradient-to:var(--color-brand-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.\[mask-image\:radial-gradient\(ellipse_at_center\,white_20\%\,transparent_70\%\)\]{-webkit-mask-image:radial-gradient(#fff 20%,#0000 70%);mask-image:radial-gradient(#fff 20%,#0000 70%)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left{object-position:left}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[3px\]{padding-block:3px}.py-\[var\(--space-section-lg\)\]{padding-block:var(--space-section-lg)}.py-\[var\(--space-section-md\)\]{padding-block:var(--space-section-md)}.py-\[var\(--space-section-sm\)\]{padding-block:var(--space-section-sm)}.py-\[var\(--space-section-xl\)\]{padding-block:var(--space-section-xl)}.py-\[var\(--space-stack-lg\)\]{padding-block:var(--space-stack-lg)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-\[calc\(var\(--space-page-top\)_\+_var\(--space-8\)\)\]{padding-top:calc(var(--space-page-top) + var(--space-8))}.pt-\[calc\(var\(--space-page-top\)_\+_var\(--space-16\)\)\]{padding-top:calc(var(--space-page-top) + var(--space-16))}.pt-\[var\(--space-page-top\)\]{padding-top:var(--space-page-top)}.pt-\[var\(--space-page-top-sm\)\]{padding-top:var(--space-page-top-sm)}.pt-\[var\(--space-section-md\)\]{padding-top:var(--space-section-md)}.pt-\[var\(--space-stack-lg\)\]{padding-top:var(--space-stack-lg)}.pt-\[var\(--space-stack-md\)\]{padding-top:var(--space-stack-md)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-11{padding-right:calc(var(--spacing)*11)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-14{padding-right:calc(var(--spacing)*14)}
83.pr-16{padding-right:calc(var(--spacing)*16)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\[var\(--space-section\)\]{padding-bottom:var(--space-section)}.pb-\[var\(--space-section-lg\)\]{padding-bottom:var(--space-section-lg)}.pb-\[var\(--space-section-md\)\]{padding-bottom:var(--space-section-md)}.pb-\[var\(--space-section-sm\)\]{padding-bottom:var(--space-section-sm)}.pb-\[var\(--space-section-xl\)\]{padding-bottom:var(--space-section-xl)}.pb-\[var\(--space-stack-lg\)\]{padding-bottom:var(--space-stack-lg)}.pb-\[var\(--space-stack-md\)\]{padding-bottom:var(--space-stack-md)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-12{padding-left:calc(var(--spacing)*12)}.pl-\[30px\]{padding-left:30px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-ui{font-family:var(--font-ui)}.\!text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[10rem\]{font-size:10rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[34px\]{font-size:34px}.text-\[68px\]{font-size:68px}.\!leading-\[1\.1\]{--tw-leading:1.1!important;line-height:1.1!important}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.\!text-white{color:var(--color-white)!important}.\!text-white\/90{color:#ffffffe6!important}@supports (color:color-mix(in lab,red,red)){.\!text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)!important}}.text-\[color\:var\(--accent\)\]{color:var(--accent)}.text-\[color\:var\(--accent-signal\)\]{color:var(--accent-signal)}.text-\[color\:var\(--cta\)\]{color:var(--cta)}.text-\[color\:var\(--cta-foreground\)\]{color:var(--cta-foreground)}.text-\[color\:var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--error-foreground\)\]{color:var(--error-foreground)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--info-foreground\)\]{color:var(--info-foreground)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--success-foreground\)\]{color:var(--success-foreground)}.text-\[var\(--vc-ink-2\)\]{color:var(--vc-ink-2)}.text-\[var\(--vc-lime\)\]{color:var(--vc-lime)}.text-\[var\(--vc-mint\)\]{color:var(--vc-mint)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-\[var\(--warning-foreground\)\]{color:var(--warning-foreground)}.text-amber-200{color:var(--color-amber-200)}.text-amber-700{color:var(--color-amber-700)}.text-amber-900{color:var(--color-amber-900)}.text-background{color:var(--color-background)}.text-blue-600{color:var(--color-blue-600)}.text-border{color:var(--color-border)}.text-brand-500,.text-brand-500\/35{color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.text-brand-500\/35{color:color-mix(in oklab,var(--color-brand-500)35%,transparent)}}.text-brand-500\/70{color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.text-brand-500\/70{color:color-mix(in oklab,var(--color-brand-500)70%,transparent)}}.text-brand-500\/90{color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.text-brand-500\/90{color:color-mix(in oklab,var(--color-brand-500)90%,transparent)}}.text-brand-600{color:var(--color-brand-600)}.text-cyan-400{color:var(--color-cyan-400)}.text-cyan-700{color:var(--color-cyan-700)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-emerald-900{color:var(--color-emerald-900)}.text-emerald-900\/80{color:#004e3bcc}@supports (color:color-mix(in lab,red,red)){.text-emerald-900\/80{color:color-mix(in oklab,var(--color-emerald-900)80%,transparent)}}.text-emerald-900\/90{color:#004e3be6}@supports (color:color-mix(in lab,red,red)){.text-emerald-900\/90{color:color-mix(in oklab,var(--color-emerald-900)90%,transparent)}}.text-emerald-950{color:var(--color-emerald-950)}.text-foreground{color:var(--color-foreground)}.text-foreground-muted,.text-foreground-muted\/45{color:var(--color-foreground-muted)}@supports (color:color-mix(in lab,red,red)){.text-foreground-muted\/45{color:color-mix(in oklab,var(--color-foreground-muted)45%,transparent)}}.text-foreground-muted\/50{color:var(--color-foreground-muted)}@supports (color:color-mix(in lab,red,red)){.text-foreground-muted\/50{color:color-mix(in oklab,var(--color-foreground-muted)50%,transparent)}}.text-foreground-secondary{color:var(--color-foreground-secondary)}.text-foreground-subtle{color:var(--color-foreground-subtle)}.text-foreground\/85{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/85{color:color-mix(in oklab,var(--color-foreground)85%,transparent)}}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-on-invert{color:var(--color-on-invert)}.text-on-invert-muted{color:var(--color-on-invert-muted)}.text-orange-700{color:var(--color-orange-700)}.text-orange-900{color:var(--color-orange-900)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-secondary{color:var(--color-secondary)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-slate-800{color:var(--color-slate-800)}.text-success{color:var(--color-success)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}
83.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.08\]{opacity:.08}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 4px 24px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_-12px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 24px -12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.shadow-\[inset_0_1px_3px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:inset 0 1px 3px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-glow-lime{--tw-shadow:0 0 0 8px var(--tw-shadow-color,#e1ff002e),0 24px 60px var(--tw-shadow-color,#e1ff0033);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--theme-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--theme-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--theme-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--theme-shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.ring-amber-400\/45{--tw-ring-color:#fcbb0073}@supports (color:color-mix(in lab,red,red)){.ring-amber-400\/45{--tw-ring-color:color-mix(in oklab,var(--color-amber-400)45%,transparent)}}.ring-background{--tw-ring-color:var(--color-background)}.ring-black\/\[0\.03\]{--tw-ring-color:#00000008}@supports (color:color-mix(in lab,red,red)){.ring-black\/\[0\.03\]{--tw-ring-color:color-mix(in oklab,var(--color-black)3%,transparent)}}.ring-black\/\[0\.04\]{--tw-ring-color:#0000000a}@supports (color:color-mix(in lab,red,red)){.ring-black\/\[0\.04\]{--tw-ring-color:color-mix(in oklab,var(--color-black)4%,transparent)}}.ring-border,.ring-border\/40{--tw-ring-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.ring-border\/40{--tw-ring-color:color-mix(in oklab,var(--color-border)40%,transparent)}}.ring-brand-200{--tw-ring-color:var(--color-brand-200)}.ring-brand-400\/40{--tw-ring-color:var(--color-brand-400)}@supports (color:color-mix(in lab,red,red)){.ring-brand-400\/40{--tw-ring-color:color-mix(in oklab,var(--color-brand-400)40%,transparent)}}.ring-brand-500\/15{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ring-brand-500\/15{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)15%,transparent)}}.ring-brand-500\/20{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ring-brand-500\/20{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)20%,transparent)}}.ring-brand-500\/25{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ring-brand-500\/25{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)25%,transparent)}}.ring-brand-500\/30{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ring-brand-500\/30{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)30%,transparent)}}.ring-orange-500\/45{--tw-ring-color:#fe6e0073}@supports (color:color-mix(in lab,red,red)){.ring-orange-500\/45{--tw-ring-color:color-mix(in oklab,var(--color-orange-500)45%,transparent)}}.ring-slate-300\/45{--tw-ring-color:#cad5e273}@supports (color:color-mix(in lab,red,red)){.ring-slate-300\/45{--tw-ring-color:color-mix(in oklab,var(--color-slate-300)45%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.blur-\[60px\]{--tw-blur:blur(60px);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,)}.blur-\[100px\]{--tw-blur:blur(100px);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,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,border-color\,box-shadow\,backdrop-filter\]{transition-property:background,border-color,box-shadow,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,border-color\,box-shadow\]{transition-property:background,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
83.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-\(--transition-fast\){--tw-duration:var(--transition-fast);transition-duration:var(--transition-fast)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-text-fill-color\:currentColor\]{-webkit-text-fill-color:currentColor}.\[-webkit-text-fill-color\:var\(--color-brand-500\)\]{-webkit-text-fill-color:var(--color-brand-500)}.\[animation-delay\:200ms\]{animation-delay:.2s}.\[font\:inherit\]{font:inherit}.ring-inset{--tw-ring-inset:inset}.group-open\/accordion\:rotate-180:is(:where(.group\/accordion):is([open],:popover-open,:open) *),.group-open\/accordion-admin-create\:rotate-180:is(:where(.group\/accordion-admin-create):is([open],:popover-open,:open) *),.group-open\/accordion-admin-game-create\:rotate-180:is(:where(.group\/accordion-admin-game-create):is([open],:popover-open,:open) *){rotate:180deg}.group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *){pointer-events:auto}.group-focus-within\:translate-y-0:is(:where(.group):focus-within *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media(hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:h-2:is(:where(.group):hover *){height:calc(var(--spacing)*2)}.group-hover\:h-4:is(:where(.group):hover *){height:calc(var(--spacing)*4)}.group-hover\:w-2:is(:where(.group):hover *){width:calc(var(--spacing)*2)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-foreground-muted:is(:where(.group):hover *){border-color:var(--color-foreground-muted)}.group-hover\:bg-brand-500\/25:is(:where(.group):hover *){background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-brand-500\/25:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-brand-500)25%,transparent)}}.group-hover\:bg-secondary-hover:is(:where(.group):hover *){background-color:var(--color-secondary-hover)}.group-hover\:text-brand-500:is(:where(.group):hover *){color:var(--color-brand-500)}.group-hover\:text-brand-600:is(:where(.group):hover *){color:var(--color-brand-600)}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--color-foreground)}.group-hover\:text-foreground-muted:is(:where(.group):hover *){color:var(--color-foreground-muted)}.group-hover\:text-foreground-secondary:is(:where(.group):hover *){color:var(--color-foreground-secondary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:scale-100:is(:where(.peer):checked~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-checked\:border-foreground:is(:where(.peer):checked~*){border-color:var(--color-foreground)}.peer-checked\:bg-foreground:is(:where(.peer):checked~*){background-color:var(--color-foreground)}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}@media(hover:hover){.peer-checked\:group-hover\:bg-foreground\/90:is(:where(.peer):checked~*):is(:where(.group):hover *){background-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.peer-checked\:group-hover\:bg-foreground\/90:is(:where(.peer):checked~*):is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-foreground)90%,transparent)}}.peer-hover\:border-foreground-muted:is(:where(.peer):hover~*){border-color:var(--color-foreground-muted)}.peer-checked\:peer-hover\:bg-foreground\/90:is(:where(.peer):checked~*):is(:where(.peer):hover~*){background-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.peer-checked\:peer-hover\:bg-foreground\/90:is(:where(.peer):checked~*):is(:where(.peer):hover~*){background-color:color-mix(in oklab,var(--color-foreground)90%,transparent)}}}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.peer-focus-visible\:ring-destructive:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-destructive)}.peer-focus-visible\:ring-ring:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-ring)}.peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.peer-focus-visible\:ring-offset-background:is(:where(.peer):focus-visible~*){--tw-ring-offset-color:var(--color-background)}.placeholder\:text-foreground-muted::placeholder,.placeholder\:text-foreground-muted\/70::placeholder{color:var(--color-foreground-muted)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-foreground-muted\/70::placeholder{color:color-mix(in oklab,var(--color-foreground-muted)70%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:bg-border:before{content:var(--tw-content);background-color:var(--color-border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:z-\[1\]:after{content:var(--tw-content);z-index:1}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius-lg)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-within\:ring-offset-background:focus-within{--tw-ring-offset-color:var(--color-background)}@media(hover:hover){.hover\:translate-x-0\.5:hover{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[color\:var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-\[color\:var\(--accent-signal\)\]:hover{border-color:var(--accent-signal)}.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}.hover\:border-border:hover{border-color:var(--color-border)}.hover\:border-border-strong:hover{border-color:var(--color-border-strong)}.hover\:border-brand-300:hover,.hover\:border-brand-300\/50:hover{border-color:var(--color-brand-300)}@supports (color:color-mix(in lab,red,red)){.hover\:border-brand-300\/50:hover{border-color:color-mix(in oklab,var(--color-brand-300)50%,transparent)}}.hover\:border-brand-500:hover,.hover\:border-brand-500\/40:hover{border-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.hover\:border-brand-500\/40:hover{border-color:color-mix(in oklab,var(--color-brand-500)40%,transparent)}}.hover\:border-brand-500\/70:hover{border-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.hover\:border-brand-500\/70:hover{border-color:color-mix(in oklab,var(--color-brand-500)70%,transparent)}}.hover\:border-brand-600:hover{border-color:var(--color-brand-600)}.hover\:border-foreground-subtle:hover{border-color:var(--color-foreground-subtle)}.hover\:border-orange-400:hover{border-color:var(--color-orange-400)}.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:bg-\[color\:var\(--accent-hover\)\]:hover{background-color:var(--accent-hover)}.hover\:bg-\[color\:var\(--accent-signal\)\]:hover{background-color:var(--accent-signal)}.hover\:bg-\[color\:var\(--cta\)\]:hover{background-color:var(--cta)}.hover\:bg-\[color\:var\(--cta-hover\)\]:hover{background-color:var(--cta-hover)}.hover\:bg-\[color\:var\(--engagement-accent\)\]\/10:hover{background-color:var(--engagement-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color\:var\(--engagement-accent\)\]\/10:hover{background-color:color-mix(in oklab,var(--engagement-accent)10%,transparent)}}.hover\:bg-\[var\(--vc-purple-600\)\]\/90:hover{background-color:var(--vc-purple-600)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--vc-purple-600\)\]\/90:hover{background-color:color-mix(in oklab,var(--vc-purple-600)90%,transparent)}}.hover\:bg-\[var\(--vc-purple-700\)\]:hover{background-color:var(--vc-purple-700)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-background:hover{background-color:var(--color-background)}.hover\:bg-background-secondary:hover{background-color:var(--color-background-secondary)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-brand-100:hover{background-color:var(--color-brand-100)}.hover\:bg-brand-500\/10:hover{background-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-brand-500\/10:hover{background-color:color-mix(in oklab,var(--color-brand-500)10%,transparent)}}.hover\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\:bg-destructive\/10:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-foreground\/90:hover{background-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/90:hover{background-color:color-mix(in oklab,var(--color-foreground)90%,transparent)}}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-secondary-hover:hover{background-color:var(--color-secondary-hover)}.hover\:bg-secondary\/30:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/30:hover{background-color:color-mix(in oklab,var(--color-secondary)30%,transparent)}}.hover\:bg-secondary\/40:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/40:hover{background-color:color-mix(in oklab,var(--color-secondary)40%,transparent)}}.hover\:bg-secondary\/60:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/60:hover{background-color:color-mix(in oklab,var(--color-secondary)60%,transparent)}}.hover\:bg-secondary\/70:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab,var(--color-secondary)70%,transparent)}}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:pl-5:hover{padding-left:calc(var(--spacing)*5)}.hover\:text-\[color\:var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[color\:var\(--accent-hover\)\]:hover{color:var(--accent-hover)}.hover\:text-\[color\:var\(--accent-signal-foreground\)\]:hover{color:var(--accent-signal-foreground)}.hover\:text-\[color\:var\(--cta-foreground\)\]:hover{color:var(--cta-foreground)}.hover\:text-brand-500:hover{color:var(--color-brand-500)}.hover\:text-brand-600:hover{color:var(--color-brand-600)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-foreground-secondary:hover{color:var(--color-foreground-secondary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-glow-lime:hover{--tw-shadow:0 0 0 8px var(--tw-sha
83dow-color,#e1ff002e),0 24px 60px var(--tw-shadow-color,#e1ff0033);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:var(--theme-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing)*4)}.focus\:left-4:focus{left:calc(var(--spacing)*4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.focus\:border-\[color\:var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-\[color\:var\(--accent-signal\)\]:focus{border-color:var(--accent-signal)}.focus\:border-\[color\:var\(--input-focus\)\]:focus{border-color:var(--input-focus)}.focus\:border-brand-500:focus{border-color:var(--color-brand-500)}.focus\:bg-primary:focus{background-color:var(--color-primary)}.focus\:bg-secondary:focus{background-color:var(--color-secondary)}.focus\:px-4:focus{padding-inline:calc(var(--spacing)*4)}.focus\:py-2:focus{padding-block:calc(var(--spacing)*2)}.focus\:text-primary-foreground:focus{color:var(--color-primary-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.focus\:ring-\[color\:var\(--accent\)\]\/30:focus{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[color\:var\(--accent\)\]\/30:focus{--tw-ring-color:color-mix(in oklab,var(--accent)30%,transparent)}}.focus\:ring-\[color\:var\(--ring\)\]\/25:focus{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[color\:var\(--ring\)\]\/25:focus{--tw-ring-color:color-mix(in oklab,var(--ring)25%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:rounded:focus-visible{border-radius:.25rem}.focus-visible\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.focus-visible\:border-\[color\:var\(--accent-signal\)\]:focus-visible{border-color:var(--accent-signal)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}.focus-visible\:ring-\[color\:var\(--accent-signal\)\]:focus-visible{--tw-ring-color:var(--accent-signal)}.focus-visible\:ring-\[color\:var\(--engagement-accent\)\]\/50:focus-visible{--tw-ring-color:var(--engagement-accent)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[color\:var\(--engagement-accent\)\]\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--engagement-accent)50%,transparent)}}.focus-visible\:ring-brand-500:focus-visible,.focus-visible\:ring-brand-500\/30:focus-visible{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-brand-500\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)30%,transparent)}}.focus-visible\:ring-brand-500\/70:focus-visible{--tw-ring-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-brand-500\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-brand-500)70%,transparent)}}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color:var(--color-destructive)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)40%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-brand-500:focus-visible{outline-color:var(--color-brand-500)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:hover\:shadow-none:disabled:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
83dow)}}.has-\[\:checked\]\:border-foreground:has(:checked){border-color:var(--color-foreground)}.has-\[\:checked\]\:bg-secondary\/50:has(:checked){background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.has-\[\:checked\]\:bg-secondary\/50:has(:checked){background-color:color-mix(in oklab,var(--color-secondary)50%,transparent)}}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\:focus-visible\]\:ring-ring:has(:focus-visible){--tw-ring-color:var(--color-ring)}.has-\[\:focus-visible\]\:ring-offset-2:has(:focus-visible){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media(prefers-reduced-motion:no-preference){.motion-safe\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.motion-safe\:hover\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.09\)\]:hover{--tw-shadow:0 8px 32px var(--tw-sha
83dow-color,#00000017);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-14{height:calc(var(--spacing)*14)}.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:w-14{width:calc(var(--spacing)*14)}.sm\:w-20{width:calc(var(--spacing)*20)}.sm\:w-\[340px\]{width:340px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-12{padding-inline:calc(var(--spacing)*12)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-24{height:calc(var(--spacing)*24)}.md\:h-48{height:calc(var(--spacing)*48)}.md\:min-h-\[14rem\]{min-height:14rem}.md\:w-16{width:calc(var(--spacing)*16)}.md\:w-24{width:calc(var(--spacing)*24)}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-auto{width:auto}.md\:shrink-0{flex-shrink: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-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:items-stretch{align-items:stretch}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-\[var\(--space-stack-lg\)\]{gap:var(--space-stack-lg)}:where(.md\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.md\:gap-x-10{column-gap:calc(var(--spacing)*10)}.md\:gap-x-14{column-gap:calc(var(--spacing)*14)}.md\:gap-y-0{row-gap:calc(var(--spacing)*0)}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:py-5{padding-block:calc(var(--spacing)*5)}.md\:py-14{padding-block:calc(var(--spacing)*14)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[14rem\]{font-size:14rem}}@media(min-width:64rem){.lg\:top-10{top:calc(var(--spacing)*10)}.lg\:right-24{right:calc(var(--spacing)*24)}.lg\:order-none{order:0}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[44rem\]{height:44rem}.lg\:w-\[44rem\]{width:44rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[0\.95fr_1\.25fr\]{grid-template-columns:.95fr 1.25fr}.lg\:grid-cols-\[1fr_1\.15fr\]{grid-template-columns:1fr 1.15fr}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-\[var\(--space-section-gap\)\]{gap:var(--space-section-gap)}.lg\:gap-\[var\(--space-stack-lg\)\]{gap:var(--space-stack-lg)}.lg\:gap-x-14{column-gap:calc(var(--spacing)*14)}
83.lg\:gap-x-16{column-gap:calc(var(--spacing)*16)}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:px-20{padding-inline:calc(var(--spacing)*20)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-\[18rem\]{font-size:18rem}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:px-24{padding-inline:calc(var(--spacing)*24)}}@media(min-width:96rem){.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:border-\[color\:rgba\(255\,255\,255\,0\.20\)\]:where(.dark,.dark *){border-color:#fff3}.dark\:border-brand-400:where(.dark,.dark *){border-color:var(--color-brand-400)}.dark\:border-brand-700\/50:where(.dark,.dark *){border-color:var(--color-brand-700)}@supports (color:color-mix(in lab,red,red)){.dark\:border-brand-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-brand-700)50%,transparent)}}.dark\:border-emerald-500\/35:where(.dark,.dark *){border-color:#00bb7f59}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-500\/35:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-500)35%,transparent)}}.dark\:border-green-800\/60:where(.dark,.dark *){border-color:#01663099}@supports (color:color-mix(in lab,red,red)){.dark\:border-green-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-green-800)60%,transparent)}}.dark\:border-red-800\/60:where(.dark,.dark *){border-color:#9f071299}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-red-800)60%,transparent)}}.dark\:border-white\/25:where(.dark,.dark *){border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/25:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.dark\:border-white\/\[0\.1\]:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/\[0\.1\]:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:border-white\/\[0\.08\]:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/\[0\.08\]:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.dark\:bg-\[color\:rgba\(225\,255\,0\,0\.12\)\]:where(.dark,.dark *){background-color:#e1ff001f}.dark\:bg-\[color\:var\(--cta\)\]:where(.dark,.dark *){background-color:var(--cta)}.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)40%,transparent)}}.dark\:bg-background-secondary:where(.dark,.dark *){background-color:var(--color-background-secondary)}.dark\:bg-brand-500:where(.dark,.dark *){background-color:var(--color-brand-500)}.dark\:bg-brand-900\/40:where(.dark,.dark *){background-color:var(--color-brand-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-brand-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-brand-900)40%,transparent)}}.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.dark\:bg-gray-600:where(.dark,.dark *){background-color:var(--color-gray-600)}.dark\:bg-green-950\/30:where(.dark,.dark *){background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-950)30%,transparent)}}.dark\:bg-orange-900\/45:where(.dark,.dark *){background-color:#7e2a0c73}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/45:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-orange-900)45%,transparent)}}.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-800)60%,transparent)}}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.dark\:bg-white\/\[0\.05\]:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[0\.05\]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:from-background\/90:where(.dark,.dark *){--tw-gradient-from:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.dark\:from-background\/90:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-background)90%,transparent)}}.dark\:from-background\/90:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
83(--tw-gradient-to-position))}.dark\:from-brand-400\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-from:var(--color-brand-400)}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-400\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-brand-400)6%,transparent)}}.dark\:from-brand-400\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-brand-900\/50:where(.dark,.dark *){--tw-gradient-from:var(--color-brand-900)}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-900\/50:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-brand-900)50%,transparent)}}.dark\:from-brand-900\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-brand-900\/60:where(.dark,.dark *){--tw-gradient-from:var(--color-brand-900)}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-900\/60:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-brand-900)60%,transparent)}}.dark\:from-brand-900\/60:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:via-background\/75:where(.dark,.dark *){--tw-gradient-via:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.dark\:via-background\/75:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-background)75%,transparent)}}.dark\:via-background\/75:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-white\/20:where(.dark,.dark *){--tw-gradient-via:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:via-white\/20:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:via-white\/20:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-white\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-via:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.dark\:via-white\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)6%,transparent)}}.dark\:via-white\/\[0\.06\]:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-background\/92:where(.dark,.dark *){--tw-gradient-to:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.dark\:to-background\/92:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-background)92%,transparent)}}.dark\:to-background\/92:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-brand-600\/25:where(.dark,.dark *){--tw-gradient-to:var(--color-brand-600)}@supports (color:color-mix(in lab,red,red)){.dark\:to-brand-600\/25:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-brand-600)25%,transparent)}}.dark\:to-brand-600\/25:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
83(--tw-gradient-to-position))}.dark\:to-brand-600\/30:where(.dark,.dark *){--tw-gradient-to:var(--color-brand-600)}@supports (color:color-mix(in lab,red,red)){.dark\:to-brand-600\/30:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-brand-600)30%,transparent)}}.dark\:to-brand-600\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:text-\[color\:var\(--accent-signal\)\]:where(.dark,.dark *){color:var(--accent-signal)}.dark\:text-\[color\:var\(--cta-foreground\)\]:where(.dark,.dark *){color:var(--cta-foreground)}.dark\:text-\[color\:var\(--vc-lime\)\]:where(.dark,.dark *),.dark\:text-\[var\(--vc-lime\)\]:where(.dark,.dark *){color:var(--vc-lime)}.dark\:text-\[var\(--vc-lime\,\#e1ff00\)\]:where(.dark,.dark *){color:var(--vc-lime,#e1ff00)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400\/90:where(.dark,.dark *){color:#fcbb00e6}@supports (color:color-mix(in lab,red,red)){.dark\:text-amber-400\/90:where(.dark,.dark *){color:color-mix(in oklab,var(--color-amber-400)90%,transparent)}}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-brand-400:where(.dark,.dark *){color:var(--color-brand-400)}.dark\:text-cyan-300:where(.dark,.dark *){color:var(--color-cyan-300)}.dark\:text-emerald-50:where(.dark,.dark *){color:var(--color-emerald-50)}.dark\:text-emerald-50\/95:where(.dark,.dark *){color:#ecfdf5f2}@supports (color:color-mix(in lab,red,red)){.dark\:text-emerald-50\/95:where(.dark,.dark *){color:color-mix(in oklab,var(--color-emerald-50)95%,transparent)}}.dark\:text-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-100\/80:where(.dark,.dark *){color:#d0fae5cc}@supports (color:color-mix(in lab,red,red)){.dark\:text-emerald-100\/80:where(.dark,.dark *){color:color-mix(in oklab,var(--color-emerald-100)80%,transparent)}}.dark\:text-gray-800:where(.dark,.dark *){color:var(--color-gray-800)}.dark\:text-green-300:where(.dark,.dark *){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-orange-200:where(.dark,.dark *){color:var(--color-orange-200)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-pink-400:where(.dark,.dark *){color:var(--color-pink-400)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:opacity-\[0\.06\]:where(.dark,.dark *){opacity:.06}.dark\:shadow-\[0_4px_28px_rgba\(0\,0\,0\,0\.35\)\]:where(.dark,.dark *){--tw-shadow:0 4px 28px var(--tw-sha
83dow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-\[inset_0_1px_3px_rgba\(0\,0\,0\,0\.25\)\]:where(.dark,.dark *){--tw-shadow:inset 0 1px 3px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:ring-brand-800:where(.dark,.dark *){--tw-ring-color:var(--color-brand-800)}.dark\:ring-white\/\[0\.04\]:where(.dark,.dark *){--tw-ring-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.dark\:ring-white\/\[0\.04\]:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.dark\:ring-white\/\[0\.06\]:where(.dark,.dark *){--tw-ring-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.dark\:ring-white\/\[0\.06\]:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)6%,transparent)}}@media(hover:hover){.dark\:group-hover\:text-\[color\:var\(--vc-lime\)\]:where(.dark,.dark *):is(:where(.group):hover *),.dark\:group-hover\:text-\[var\(--vc-lime\)\]:where(.dark,.dark *):is(:where(.group):hover *){color:var(--vc-lime)}.dark\:group-hover\:text-brand-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-brand-400)}.dark\:hover\:border-brand-700\/50:where(.dark,.dark *):hover{border-color:var(--color-brand-700)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-brand-700\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-brand-700)50%,transparent)}}.dark\:hover\:bg-\[color\:rgba\(225\,255\,0\,0\.08\)\]:where(.dark,.dark *):hover{background-color:#e1ff0014}.dark\:hover\:bg-\[color\:var\(--cta-hover\)\]:where(.dark,.dark *):hover{background-color:var(--cta-hover)}.dark\:hover\:text-\[color-mix\(in_srgb\,var\(--vc-lime\,\#e1ff00\)_85\%\,white\)\]:where(.dark,.dark *):hover{color:var(--vc-lime,#e1ff00)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:text-\[color-mix\(in_srgb\,var\(--vc-lime\,\#e1ff00\)_85\%\,white\)\]:where(.dark,.dark *):hover{color:color-mix(in srgb,var(--vc-lime,#e1ff00)85%,white)}}.dark\:hover\:text-\[color\:var\(--vc-lime\)\]:where(.dark,.dark *):hover,.dark\:hover\:text-\[var\(--vc-lime\)\]:where(.dark,.dark *):hover{color:var(--vc-lime)}.dark\:hover\:text-\[var\(--vc-lime-soft\)\]:where(.dark,.dark *):hover{color:var(--vc-lime-soft)}.dark\:hover\:text-brand-300:where(.dark,.dark *):hover{color:var(--color-brand-300)}.dark\:hover\:text-brand-400:where(.dark,.dark *):hover{color:var(--color-brand-400)}.dark\:hover\:shadow-glow-lime:where(.dark,.dark *):hover{--tw-shadow:0 0 0 8px var(--tw-sha
83dow-color,#e1ff002e),0 24px 60px var(--tw-shadow-color,#e1ff0033);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(prefers-reduced-motion:no-preference){@media(hover:hover){.dark\:motion-safe\:hover\:shadow-\[0_10px_36px_rgba\(0\,0\,0\,0\.42\)\]:where(.dark,.dark *):hover{--tw-shadow:0 10px 36px var(--tw-shadow-color,#0000006b);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:h-4 svg{height:calc(var(--spacing)*4)}.\[\&_svg\]\:h-5 svg{height:calc(var(--spacing)*5)}.\[\&_svg\]\:w-4 svg{width:calc(var(--spacing)*4)}.\[\&_svg\]\:w-5 svg{width:calc(var(--spacing)*5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\>details\:last-child\]\:border-b-0>details:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\>h1\]\:font-display>h1{font-family:var(--font-display)}.\[\&\>h1\]\:text-5xl>h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.\[\&\>h1\]\:leading-\[1\.1\]>h1{--tw-leading:1.1;line-height:1.1}.\[\&\>h1\]\:font-extrabold>h1{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&\>h1\]\:tracking-tight>h1{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[\&\>h1\]\:text-balance>h1{text-wrap:balance}.\[\&\>h1\]\:text-foreground>h1{color:var(--color-foreground)}@media(min-width:48rem){.md\:\[\&\>h1\]\:text-6xl>h1{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media(min-width:64rem){.lg\:\[\&\>h1\]\:text-7xl>h1{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}.\[\&\>h2\]\:font-display>h2{font-family:var(--font-display)}.\[\&\>h2\]\:text-3xl>h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.\[\&\>h2\]\:text-4xl>h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.\[\&\>h2\]\:leading-\[1\.1\]>h2{--tw-leading:1.1;line-height:1.1}.\[\&\>h2\]\:font-bold>h2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&\>h2\]\:font-extrabold>h2{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&\>h2\]\:tracking-tight>h2{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[\&\>h2\]\:text-balance>h2{text-wrap:balance}.\[\&\>h2\]\:text-foreground>h2{color:var(--color-foreground)}@media(min-width:48rem){.md\:\[\&\>h2\]\:text-4xl>h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:\[\&\>h2\]\:text-5xl>h2{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:64rem){.lg\:\[\&\>h2\]\:text-5xl>h2{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:\[\&\>h2\]\:text-6xl>h2{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.\[\&\>p\]\:text-lg>p{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&\>p\]\:leading-relaxed>p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&\>p\]\:text-foreground-muted>p{color:var(--color-foreground-muted)}@media(min-width:48rem){.md\:\[\&\>p\]\:text-xl>p{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.\[\&\>span\>span\]\:bg-\[var\(--vc-lime\)\]>span>span{background-color:var(--vc-lime)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.invert-section,.dark .invert-section{color:var(--color-foreground);--color-background:var(--surface-invert);--color-foreground:var(--on-invert);--color-foreground-secondary:var(--on-invert-secondary);--color-foreground-muted:var(--on-invert-muted);--color-foreground-subtle:var(--on-invert-muted);--color-border:var(--border-invert);--color-border-strong:var(--border-invert-strong);--color-secondary:var(--surface-invert-secondary);--color-secondary-foreground:var(--on-invert);--color-secondary-hover:var(--surface-invert-tertiary);--color-card:var(--surface-invert-secondary);--color-card-border:var(--border-invert);--color-muted:var(--surface-invert-secondary);--color-muted-foreground:var(--on-invert-muted);--color-ring:var(--on-invert);--color-primary:var(--on-invert);--color-primary-foreground:var(--surface-invert)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.5rem}@media(min-width:768px){.container{padding-inline:2rem}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bg-gradient-subtle{background:linear-gradient(to bottom,var(--gradient-start)0%,var(--gradient-end)100%)}.hero-dark-gradient{background:var(--background)}.dark .hero-dark-gradient{background:linear-gradient(to bottom,var(--brand-600),black)}.border-gradient{background:var(--color-card);border-radius:var(--radius-lg);position:relative}.border-gradient:before{content:"";background:linear-gradient(135deg,var(--color-border-strong)0%,var(--color-border)50%,var(--color-border-strong)100%);border-radius:inherit;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bg-grid{background-size:24px 24px;background-image:linear-gradient(to right,var(--color-border)1px,transparent 1px),linear-gradient(to bottom,var(--color-border)1px,transparent 1px)}.bg-dots{background-image:radial-gradient(var(--color-border-strong)1px,transparent 1px);background-size:16px 16px}.bg-grid-pattern{will-change:transform;background-image:linear-gradient(to right,var(--gray-200)1px,transparent 1px),linear-gradient(to bottom,var(--gray-200)1px,transparent 1px);background-size:40px 40px;transform:translateY(0)}.dark .bg-grid-pattern{background-image:linear-gradient(to right,var(--gray-800)1px,transparent 1px),linear-gradient(to bottom,var(--gray-800)1px,transparent 1px)}.animate-fade-in{animation:.5s ease-out forwards fade-in}.animate-slide-up{animation:.5s ease-out forwards slide-up}.animate-slide-down{animation:.5s ease-out forwards slide-down}@keyframes fade-in{0%{opacity:0}
83to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-sheet-up{animation:.25s cubic-bezier(.32,.72,0,1) forwards sheet-up}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-backdrop{animation:.2s ease-out forwards backdrop-fade}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.animate-dropdown-in{animation:.2s cubic-bezier(.32,.72,0,1) forwards dropdown-in}.animate-dropdown-out{animation:.15s cubic-bezier(.32,.72,0,1) forwards dropdown-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdown-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}.animate-menu-down{transform-origin:top;animation:.25s cubic-bezier(.32,.72,0,1) forwards menu-down}.animate-menu-up{transform-origin:top;animation:.2s cubic-bezier(.32,.72,0,1) forwards menu-up}@keyframes menu-down{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes menu-up{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.animate-sheet-down{animation:.2s cubic-bezier(.32,.72,0,1) forwards sheet-down}@keyframes sheet-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.animate-backdrop-out{animation:.2s ease-out forwards backdrop-fade-out}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.delay-0{animation-delay:0s}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.hover-lift{transition:transform var(--transition-fast)var(--ease-out),box-shadow var(--transition-fast)var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.link-subtle{color:var(--color-foreground-secondary);transition:color var(--transition-fast)}.link-subtle:hover{color:var(--color-foreground)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-shake{animation:shake .4s var(--ease-default)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.animate-tab-enter{animation:tab-enter var(--transition-normal)var(--ease-out)}@keyframes tab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-toast-in{animation:toast-in .35s var(--ease-spring)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}60%{transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.animate-tooltip-in{animation:tooltip-in var(--transition-fast)var(--ease-out)}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.animate-shake,.animate-tab-enter,.animate-toast-in,.animate-tooltip-in{animation:none}}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8
83Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8
83LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gray-0:oklch(100% 0 0);--gray-50:oklch(98.3% 0 0);--gray-100:oklch(96.5% 0 0);--gray-200:oklch(91.3% 0 0);
83--gray-300:oklch(85.8% 0 0);--gray-400:oklch(64% 0 0);--gray-500:oklch(52% 0 0);--gray-600:oklch(38% 0 0);--gray-700:oklch(32% 0 0);--gray-800:oklch(26.7% 0 0);--gray-900:oklch(19.4% 0 0);--gray-950:oklch(12.3% 0 0);--brand-50:oklch(97.5% .02 45);--brand-100:oklch(94.8% .04 45);--brand-200:oklch(87.5% .08 45);--brand-300:oklch(77.8% .14 45);--brand-400:oklch(68.5% .19 40);--brand-500:oklch(62.5% .22 38);--brand-600:oklch(53.2% .19 38);--brand-700:oklch(45.5% .16 38);--brand-800:oklch(37.2% .13 38);--brand-900:oklch(26.5% .09 38);--blue-500:oklch(59.5% .19 260);--blue-600:oklch(53.2% .19 260);--success:oklch(72.3% .19 145);--success-light:oklch(94% .05 145);--success-foreground:oklch(35% .15 145);--warning:oklch(79.5% .18 85);--warning-light:oklch(96% .05 85);--warning-foreground:oklch(40% .12 85);--error:oklch(62.8% .22 25);--error-light:oklch(94% .05 25);--error-foreground:oklch(40% .18 25);--info:oklch(59.5% .19 260);--info-light:oklch(94% .05 260);--info-foreground:oklch(40% .15 260)}html[data-theme=vibecode]{--brand-50:oklch(97.5% .02 293);--brand-100:oklch(94% .05 293);--brand-200:#d9b2e0;--brand-300:#9747ff;--brand-400:#8a38f5;--brand-500:#5703f5;--brand-600:#5620cd;--brand-700:#351276;--brand-800:#2b1067;--brand-900:#190044;--vc-purple-900:#190044;--vc-purple-800:#2b1067;--vc-purple-700:#351276;--vc-purple-600:#5703f5;--vc-purple-500:#5620cd;--vc-purple-400:#572da6;--vc-purple-300:#8a38f5;--vc-purple-200:#9747ff;--vc-lime:#e1ff00;--vc-lime-soft:#e6fd52;--vc-lime-deep:#b3ff52;--vc-mint:#65d9b6;--vc-sky:#82d4f1;--vc-cyan:#4dfff4;--vc-pink:#d9b2e0;--vc-magenta:#f0a;--vc-coral:#ff7d7d;--vc-red:#d85353;--vc-grass:#518528;--vc-ink:#111;--vc-ink-2:#181818;--vc-ink-3:#2e2e2e;--vc-mist:#b2b2b2;--vc-fog:#d9d9d9;--vc-paper:#fff;--vc-surface-0:#06031a;--vc-surface-1:#0b0420;--background:var(--vc-paper);--background-secondary:oklch(98% .012 293);--background-tertiary:oklch(96% .018 293);--background-elevated:var(--vc-paper);--foreground:var(--vc-purple-900);--foreground-secondary:var(--vc-purple-800);--foreground-muted:oklch(40% .06 293);--foreground-subtle:oklch(52% .04 293);--border:oklch(91% .015 293);--border-strong:oklch(85% .02 293);--border-subtle:oklch(95% .01 293);--primary:var(--brand-500);--primary-hover:var(--brand-600);--primary-foreground:var(--vc-paper);--secondary:oklch(96% .012 293);--secondary-hover:oklch(93% .02 293);--secondary-foreground:var(--vc-purple-900);--accent:var(--brand-500);--accent-hover:var(--brand-600);--accent-light:var(--brand-100);--muted:oklch(96% .012 293);--muted-foreground:oklch(45% .05 293);--card:var(--vc-paper);--card-border:oklch(91% .015 293);--input-bg:var(--vc-paper);--input-border:oklch(85% .02 293);--input-focus:var(--brand-500);--ring:var(--brand-500);--destructive:var(--error);--destructive-foreground:var(--vc-paper);--gradient-start:oklch(98% .01 293);--gradient-end:var(--vc-paper);--success-light:oklch(94% .05 145);--warning-light:oklch(95% .05 85);--error-light:oklch(94% .05 25);--cta:var(--vc-lime);--cta-foreground:var(--vc-ink-2);--cta-hover:var(--vc-lime-soft);--accent-signal:var(--vc-lime-deep);--accent-signal-foreground:var(--vc-purple-900);--surface-invert:var(--vc-surface-0);--surface-invert-secondary:var(--vc-surface-1);--surface-invert-tertiary:var(--vc-purple-800);--on-invert:var(--vc-paper);--on-invert-secondary:oklch(85% .02 293);--on-invert-muted:oklch(70% .03 293);--border-invert:oklch(28% .05 293);--border-invert-strong:oklch(35% .07 293);--theme-heading-weight:700;--theme-heading-tracking:-.02em;--theme-body-leading:1.6;--theme-shadow-sm:0 1px 2px oklch(20% .02 293/.06);--theme-shadow-md:0 4px 8px oklch(20% .02 293/.08),0 0 1px oklch(20% .02 293/.04);--theme-shadow-lg:0 8px 16px oklch(20% .02 293/.1),0 0 1px oklch(20% .02 293/.04);--theme-shadow-xl:0 24px 48px oklch(20% .02 293/.14),0 0 1px oklch(20% .02 293/.04);--theme-radius-sm:.25rem;--theme-radius-md:.375rem;--theme-radius-lg:.75rem;--theme-radius-xl:1.25rem;--theme-radius-full:9999px}html.dark[data-theme=vibecode]{--background:var(--vc-surface-0);--background-secondary:var(--vc-surface-1);--background-tertiary:var(--vc-purple-800);--background-elevated:var(--vc-surface-1);--foreground:var(--vc-paper);--foreground-secondary:oklch(91% .01 293);--foreground-muted:oklch(72% .015 293);--foreground-subtle:oklch(58% .02 293);--border:oklch(22% .04 293);--border-strong:oklch(30% .05 293);--border-subtle:oklch(16% .03 293);--primary:var(--vc-paper);--primary-hover:oklch(90% .01 293);--primary-foreground:var(--vc-surface-0);--secondary:var(--vc-purple-800);--secondary-hover:var(--vc-purple-700);--secondary-foreground:var(--vc-paper);
83--accent:var(--vc-lime);--accent-hover:var(--vc-lime-soft);--accent-light:oklch(20% .05 293);--muted:var(--vc-purple-800);--muted-foreground:oklch(72% .015 293);--card:var(--vc-surface-1);--card-border:oklch(24% .04 293);--input-bg:oklch(15% .04 293);--input-border:oklch(28% .04 293);--input-focus:var(--vc-lime);--ring:var(--vc-lime);--destructive:var(--vc-coral);--destructive-foreground:var(--vc-ink-2);--gradient-start:var(--vc-surface-1);--gradient-end:var(--vc-surface-0);--success-light:oklch(20% .05 145);--warning-light:oklch(20% .05 85);--error-light:oklch(20% .05 25);--cta:var(--vc-lime);--cta-foreground:var(--vc-ink-2);--cta-hover:var(--vc-lime-soft);--accent-signal:var(--vc-lime);--accent-signal-foreground:var(--vc-ink-2);--surface-invert:var(--vc-surface-1);--surface-invert-secondary:var(--vc-purple-800);--surface-invert-tertiary:var(--vc-purple-700);--on-invert:var(--vc-paper);--on-invert-secondary:oklch(85% .02 293);--on-invert-muted:oklch(70% .03 293);--border-invert:oklch(28% .05 293);--border-invert-strong:oklch(35% .07 293);--theme-shadow-sm:0 2px 8px #00000040;--theme-shadow-md:0 12px 32px #00000059,0 0 1px #5703f526;--theme-shadow-lg:0 24px 60px #00000073,0 1px 2px #5703f526;--theme-shadow-xl:0 32px 80px #0000008c,0 2px 4px #5703f533}:root{--font-stack-plus-jakarta:"Plus Jakarta Sans Variable","Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-stack-sora:"Sora Variable","Sora",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-stack-jetbrains:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--theme-font-sans:var(--font-stack-plus-jakarta);--theme-font-display:var(--font-stack-plus-jakarta);--theme-font-ui:var(--font-stack-sora);--theme-font-mono:var(--font-stack-jetbrains);--theme-heading-weight:700;--theme-heading-tracking:-.02em;--theme-body-leading:1.6;--text-xs:clamp(.75rem,.7rem + .25vw,.8125rem);--text-sm:clamp(.875rem,.8rem + .375vw,.9375rem);--text-base:clamp(1rem,.925rem + .375vw,1.0625rem);--text-lg:clamp(1.125rem,1rem + .625vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + .75vw,1.5rem);--text-2xl:clamp(1.5rem,1.25rem + 1.25vw,1.875rem);--text-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);--text-4xl:clamp(2.25rem,1.75rem + 2.5vw,3.25rem);--text-5xl:clamp(3rem,2.25rem + 3.75vw,4.5rem);--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900}.display-xl{font-family:var(--theme-font-display);letter-spacing:-.04em;font-size:clamp(3rem,4vw + 2rem,5.5rem);font-weight:800;line-height:.98}.display-l{font-family:var(--theme-font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,2.5vw + 1.5rem,4rem);font-weight:700;line-height:1.02}.display-m{font-family:var(--theme-font-display);letter-spacing:-.02em;font-size:clamp(2rem,1.5vw + 1.25rem,3rem);font-weight:700;line-height:1.05}.heading-l{font-family:var(--theme-font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,1vw + 1.25rem,2.5rem);font-weight:700;line-height:1.1}.heading-m{font-family:var(--theme-font-display);letter-spacing:-.01em;font-size:clamp(1.375rem,.5vw + 1.25rem,1.75rem);font-weight:700;line-height:1.15}.heading-s{font-family:var(--theme-font-display);letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.25}.ui-l{font-family:var(--theme-font-ui);letter-spacing:.01em;font-size:1rem;font-weight:600;line-height:1.4}.ui-m{font-family:var(--theme-font-ui);letter-spacing:.02em;font-size:.875rem;font-weight:600;line-height:1.4}.ui-s{font-family:var(--theme-font-ui);letter-spacing:.04em;font-size:.75rem;font-weight:600;line-height:1.4}.body-l{font-family:var(--theme-font-display);font-size:1.0625rem;font-weight:400;line-height:1.6}.body-m{font-family:var(--theme-font-display);font-size:.9375rem;font-weight:400;line-height:1.55}.body-s{font-family:var(--theme-font-display);font-size:.8125rem;font-weight:400;line-height:1.55}.eyebrow{font-family:var(--theme-font-ui);letter-spacing:.18em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1.3}.mono{font-family:var(--theme-font-mono);letter-spacing:.02em;font-size:.8125rem;font-weight:500}:root{--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;
83--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--space-section:clamp(var(--space-16),10vw,var(--space-24));--space-section-header:clamp(var(--space-4),2vw,var(--space-6));--space-container-x:clamp(var(--space-4),5vw,var(--space-8));--space-stack-sm:var(--space-2);--space-stack-md:var(--space-4);--space-stack-lg:var(--space-8);--space-inline-sm:var(--space-2);--space-inline-md:var(--space-4);--space-inline-lg:var(--space-6);--space-section-sm:clamp(var(--space-12),6vw,var(--space-16));--space-section-md:clamp(var(--space-16),8vw,var(--space-24));--space-section-lg:clamp(var(--space-20),10vw,var(--space-32));--space-section-xl:clamp(var(--space-28),12vw,var(--space-40));--space-section-gap:clamp(var(--space-8),5vw,var(--space-12));--space-content-gap:clamp(var(--space-4),3vw,var(--space-8));--space-heading-gap:var(--space-6);--space-page-top:var(--space-32);--space-page-top-sm:var(--space-24)}.youtube-container{border-radius:.5rem;width:100%;height:0;margin-block:1.5rem;padding-bottom:56.25%;position:relative;overflow:hidden}.youtube-container iframe,[data-youtube-embed] iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes hero-slide-up{0%{transform:translateY(28px)}to{transform:translateY(0)}}.animate-hero-slide-up{animation:.7s cubic-bezier(0,0,.2,1) both hero-slide-up}[data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(0,0,.2,1),transform .6s cubic-bezier(0,0,.2,1);transform:translateY(20px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-reveal][data-reveal-delay="1"]{transition-delay:.1s}[data-reveal][data-reveal-delay="2"]{transition-delay:.2s}[data-reveal][data-reveal-delay="3"]{transition-delay:.3s}@media(prefers-reduced-motion:reduce){.animate-hero-slide-up{animation:none}[data-reveal]{opacity:1;transition:none;transform:none}}.hero-side-layers{pointer-events:none;z-index:4;display:none;position:absolute;inset:0}.hero-side-layer{object-fit:contain;opacity:.86;filter:drop-shadow(0 18px 30px #00000059);will-change:transform;width:clamp(295px,28vw,480px);max-width:30%;height:auto;transition:opacity .52s,filter .52s,scale .62s cubic-bezier(.22,1,.36,1);position:absolute;scale:1}.hero-side-layer-left{animation:5.2s ease-in-out infinite hero-float-left;top:-18%;left:clamp(-4.5rem,-3vw,-1.25rem);transform:translate(0)rotate(-4deg)}.hero-side-layer-right{animation:5.8s ease-in-out infinite hero-float-right;top:66%;right:clamp(-4.5rem,-3vw,-1.25rem);transform:translate(0)rotate(5deg)scale(1.14)}@media(min-width:1024px){.hero-side-layers{display:block}}@media(min-width:1024px)and (max-width:1279px){.hero-side-layer{opacity:.8;width:clamp(285px,25.5vw,365px)}.hero-side-layer-left{top:-22%;left:-2.5rem}.hero-side-layer-right{top:72%;right:-2.5rem}}@media(prefers-reduced-motion:reduce){.hero-side-layer{animation:none!important;transform:scale(1)!important}}@keyframes hero-float-left{0%,to{transform:translate(0)rotate(-4deg)}50%{transform:translateY(-20px)rotate(-6.5deg)}}@keyframes hero-float-right{0%,to{transform:translate(0)rotate(5deg)}50%{transform:translateY(-18px)rotate(7.25deg)}}.hero-btn-brand{background-color:var(--color-brand-700)!important;color:#fff!important;background-image:none!important;border-color:#0000!important}.hero-btn-brand:hover{opacity:.85;background-color:var(--color-brand-700)!important;background-image:none!important}:root:not(.dark) .hdr-cta-brand,.dark .hdr-cta-brand{background-color:var(--color-brand-500)!important;color:#fff!important;border-color:var(--color-brand-700)!important;background-image:none!important}@supports (color:color-mix(in lab,red,red)){:root:not(.dark) .hdr-cta-brand,.dark .hdr-cta-brand{border-color:color-mix(in oklch,var(--color-brand-700)55%,transparent)!important}}:root:not(.dark) .hdr-cta-brand,.dark .hdr-cta-brand{transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}:root:not(.dark) .hdr-cta-brand:hover,.dark .hdr-cta-brand:hover{background-color:var(--cta)!important;color:var(--cta-foreground)!important;border-color:var(--cta)!important;background-image:none!important}@supports (color:color-mix(in lab,red,red)){:root:not(.dark) .hdr-cta-brand:hover,.dark .hdr-cta-brand:hover{border-color:color-mix(in oklch,var(--cta)45%,transparent)!important}}:root:not(.dark) .hdr-cta-brand:hover,.dark .hdr-cta-brand:hover{opacity:1!important}.hero-btn-learn{color:var(--color-foreground)!important;border:1px solid var(--color-border-strong)!important;background-color:#0000!important;background-image:none!important}.hero-btn-learn:hover{opacity:1;background-color:var(--color-secondary)!important;background-image:none!important}.dark .hero-btn-learn{color:#111!important;background-color:#fff!important;background-image:none!important;border-color:#00000026!important}.dark .hero-btn-learn:hover{background-color:#ffffffe6!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
83@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}.consent-banner[data-astro-cid-4lsffgc2]{position:fixed;left:0;right:0;z-index:50;transition:transform var(--transition-slow) cubic-bezier(.16,1,.3,1)}.consent-banner--bottom[data-astro-cid-4lsffgc2]{bottom:0;transform:translateY(100%)}.consent-banner--top[data-astro-cid-4lsffgc2]{top:0;transform:translateY(-100%)}.consent-banner--visible[data-astro-cid-4lsffgc2].consent-banner--bottom,.consent-banner--visible[data-astro-cid-4lsffgc2].consent-banner--top{transform:translateY(0)}.consent-banner-inner[data-astro-cid-4lsffgc2]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:1.25rem 1.5rem;background:var(--background-elevated);box-shadow:0 -4px 24px #00000014}.consent-banner--bottom[data-astro-cid-4lsffgc2] .consent-banner-inner[data-astro-cid-4lsffgc2]{border-top:1px solid var(--border)}.consent-banner--top[data-astro-cid-4lsffgc2] .consent-banner-inner[data-astro-cid-4lsffgc2]{border-bottom:1px solid var(--border);box-shadow:0 4px 24px #00000014}.consent-banner-content[data-astro-cid-4lsffgc2]{flex:1 1 0%;min-width:280px}.consent-banner-heading[data-astro-cid-4lsffgc2]{font-weight:600;font-size:.9375rem;line-height:1.4;color:var(--foreground);margin:0 0 .25rem}.consent-banner-description[data-astro-cid-4lsffgc2]{font-size:.8125rem;line-height:1.5;color:var(--foreground-muted);margin:0}.consent-privacy-link[data-astro-cid-4lsffgc2]{color:var(--primary);text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color var(--transition-fast)}.consent-privacy-link[data-astro-cid-4lsffgc2]:hover{color:var(--primary-hover)}.consent-banner-actions[data-astro-cid-4lsffgc2]{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.consent-settings-body[data-astro-cid-4lsffgc2]{padding:0}.consent-settings-footer[data-astro-cid-4lsffgc2]{padding:1.25rem 1.5rem;border-top:1px solid var(--border)}.consent-category[data-astro-cid-4lsffgc2]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0}.consent-category[data-astro-cid-4lsffgc2]+.consent-category[data-astro-cid-4lsffgc2]{border-top:1px solid var(--border-subtle)}.consent-category-info[data-astro-cid-4lsffgc2]{flex:1 1 0%;min-width:0}.consent-category-label[data-astro-cid-4lsffgc2]{display:inline;font-weight:500;font-size:.875rem;color:var(--foreground)}.consent-category-badge[data-astro-cid-4lsffgc2]{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:var(--foreground-muted);background:var(--muted);border-radius:9999px;vertical-align:middle}.consent-category-description[data-astro-cid-4lsffgc2]{margin:.25rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--foreground-subtle)}.consent-reopener[data-astro-cid-4lsffgc2]{position:fixed;z-index:49;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid var(--border);background:var(--background-elevated);color:var(--foreground-muted);box-shadow:0 2px 8px #00000014;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.8);transition:opacity var(--transition-normal),transform var(--transition-normal),color var(--transition-fast),background-color var(--transition-fast)}.consent-reopener--bottom[data-astro-cid-4lsffgc2]{bottom:1rem;left:1rem}.consent-reopener--top[data-astro-cid-4lsffgc2]{top:1rem;left:1rem}.consent-reopener--visible[data-astro-cid-4lsffgc2]{opacity:1;pointer-events:auto;transform:scale(1)}
83.consent-reopener[data-astro-cid-4lsffgc2]:hover{color:var(--foreground);background:var(--muted)}.consent-reopener[data-astro-cid-4lsffgc2]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}@media(max-width:640px){.consent-banner-inner[data-astro-cid-4lsffgc2]{flex-direction:column;align-items:stretch}.consent-banner-actions[data-astro-cid-4lsffgc2]{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.consent-banner[data-astro-cid-4lsffgc2],.consent-reopener[data-astro-cid-4lsffgc2]{transition:none}}.site-loading-root,.site-loading-root[data-phase=bar],.site-loading-root[data-phase=overlay]{pointer-events:none}.site-loading-root[data-phase=overlay] .site-loading-overlay{pointer-events:auto}body.site-busy-blocked{overflow:hidden}.site-loading-bar{position:fixed;inset:0 0 auto;z-index:60;height:2px;overflow:hidden;opacity:0;transition:opacity .12s ease-out}.site-loading-root[data-phase=bar] .site-loading-bar,.site-loading-root[data-phase=overlay] .site-loading-bar{opacity:1}.site-loading-bar-track{display:block;height:100%;width:100%;background:color-mix(in oklch,var(--color-brand-500) 25%,transparent);overflow:hidden}.site-loading-bar-fill{display:block;height:100%;width:35%;background:var(--color-brand-500);transform:translate(-120%);animation:site-loading-bar-sweep 1s ease-in-out infinite}@keyframes site-loading-bar-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.site-loading-overlay{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-background) 82%,transparent);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}.site-loading-root[data-phase=overlay] .site-loading-overlay{opacity:1;visibility:visible}.site-loading-overlay-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem}.site-loading-logo{width:3.5rem;height:3.5rem;object-fit:contain;animation:site-loading-logo-pulse 1.2s ease-in-out infinite}@keyframes site-loading-logo-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.site-loading-bar-fill{animation:none;width:100%;transform:none}.site-loading-logo{animation:none;opacity:1;transform:none}.site-loading-bar,.site-loading-overlay{transition:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.mobile-menu-blur{opacity:.3;filter:blur(4px);transition:opacity .2s,filter .2s}[data-header-shape=floating][data-scrolled]{background:color-mix(in oklch,var(--color-background) 92%,transparent);backdrop-filter:blur(24px);border-color:var(--color-border);box-shadow:0 4px 20px -6px #0000001a}[data-header-shape=floating][data-header-color-scheme=invert] .hdr-invert-text{color:var(--color-on-invert);transition:color .3s}[data-header-shape=floating][data-header-color-scheme=invert][data-scrolled] .hdr-invert-text{color:var(--color-foreground)}[data-header-shape=floating][data-header-color-scheme=invert] .hdr-logo-text{color:var(--color-on-invert);transition:color .3s}[data-header-shape=floating][data-header-color-scheme=invert][data-scrolled] .hdr-logo-text,[data-header-shape=floating][data-header-color-scheme=default] .hdr-logo-text{color:var(--color-brand-500)}[data-header-shape=floating][data-header-color-scheme=default] .hdr-invert-text{color:var(--color-foreground-muted);transition:color .3s}[data-header-shape=floating][data-header-color-scheme=default] .nav-link:hover{color:var(--accent);background-color:#5703f514}:where(.dark) [data-header-shape=floating][data-header-color-scheme=default] .nav-link:hover{background-color:#e1ff0014}.hdr-cta-brand{background:var(--color-brand-600);color:#fff;border-color:color-mix(in oklch,var(--color-brand-700) 65%,transparent)}.hdr-cta-brand:hover{background:var(--color-brand-500)}[data-header-shape=bar] .nav-link-active:after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:2px;background:var(--accent-signal);border-radius:1px;pointer-events:none}[data-header-shape=floating] .nav-link:after{content:"";position:absolute;bottom:2px;left:50%;right:50%;height:2px;background:currentColor;border-radius:1px;transition:left .2s,right .2s}[data-header-shape=floating] .nav-link:hover:after,[data-header-shape=floating] .nav-link.hdr-nav-active:after{left:12px;right:12px}[data-header-shape=floating][data-header-color-scheme=invert] .hdr-invert-cta{background:#fff;color:#111;border:1px solid rgba(0,0,0,.15);transition:background .3s,color .3s,border-color .3s}[data-header-shape=floating][data-header-color-scheme=invert] .hdr-invert-cta:hover{background:#ffffffe6}[data-header-shape=floating][data-header-color-scheme=invert][data-scrolled] .hdr-invert-cta{background:var(--color-primary);color:var(--color-primary-foreground)}[data-header-shape=floating][data-header-color-scheme=invert][data-scrolled] .hdr-invert-cta:hover{opacity:.9}.profile-button-icon{color:var(--accent-signal);transition:color .15s ease-out}[data-auth-signed-in] a:hover .profile-button-icon,[data-auth-signed-in] a:focus-visible .profile-button-icon{color:var(--color-brand-500)}@media(prefers-reduced-motion:reduce){[data-header-shape=floating],[data-header-shape=floating] .hdr-invert-text,[data-header-shape=floating] .hdr-logo-text,[data-header-shape=floating] .hdr-invert-cta,[data-header-shape=floating] .nav-link:after{transition:none!important}} 84.hero-video-el[data-astro-cid-ar5v7lgx]{opacity:0;transition:opacity .45s ease}.hero-video-bg[data-astro-cid-ar5v7lgx].hero-video-loaded .hero-video-el[data-astro-cid-ar5v7lgx]{opacity:1}@media(prefers-reduced-motion:reduce){.hero-video-el[data-astro-cid-ar5v7lgx]{display:none!important}}.scroll-indicator-wrapper[data-astro-cid-ar5v7lgx]{display:none}@media(min-width:1024px)and (min-height:500px){.scroll-indicator-wrapper[data-astro-cid-ar5v7lgx]{display:block}}.scroll-indicator[data-astro-cid-ar5v7lgx]{animation:si-fade-in .6s ease-out 1.4s backwards;transition:opacity .5s ease,transform .5s ease}.scroll-indicator[data-astro-cid-ar5v7lgx].is-hidden{opacity:0;pointer-events:none;transform:translateY(4px)}@keyframes si-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator-chevron[data-astro-cid-ar5v7lgx]{animation:si-bounce 2s ease-in-out 2s infinite}.scroll-indicator-chevron-2[data-astro-cid-ar5v7lgx]{animation:si-bounce 2s ease-in-out 2.15s infinite}@keyframes si-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.scroll-indicator[data-astro-cid-ar5v7lgx]{animation:none;opacity:1}.scroll-indicator-chevron[data-astro-cid-ar5v7lgx],.scroll-indicator-chevron-2[data-astro-cid-ar5v7lgx]{animation:none}}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer[data-astro-cid-ohxgingo]{width:clamp(175px,19vw,275px);max-width:28%;opacity:.9}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-left[data-astro-cid-ohxgingo]{left:clamp(-1rem,2vw,2.5rem);top:auto;bottom:clamp(-12%,-6%,0%);transform:translateZ(0) rotate(-3deg)}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-right[data-astro-cid-ohxgingo]{right:clamp(-1rem,2vw,2rem);top:auto;bottom:clamp(-12%,-6%,0%);scale:1;transform:translateZ(0) rotate(4deg)}@media(min-width:1024px)and (max-width:1279px){.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer[data-astro-cid-ohxgingo]{width:clamp(155px,17vw,225px)}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-left[data-astro-cid-ohxgingo]{left:.5rem;bottom:-10%}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-right[data-astro-cid-ohxgingo]{right:.5rem;bottom:-10%}}@media(min-width:1280px){.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer[data-astro-cid-ohxgingo]{width:clamp(160px,16vw,250px)}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-left[data-astro-cid-ohxgingo],.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-right[data-astro-cid-ohxgingo]{bottom:clamp(-14%,-8%,-2%)}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-left[data-astro-cid-ohxgingo]{left:clamp(-2.5rem,.5vw,.75rem)}.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-right[data-astro-cid-ohxgingo]{right:clamp(-1rem,2vw,1.5rem)}}@media(prefers-reduced-motion:reduce){.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-left[data-astro-cid-ohxgingo],.listing-hero-side-layers[data-astro-cid-ohxgingo] .hero-side-layer-right[data-astro-cid-ohxgingo]{transform:none!important}} 85</style></head> <body class="min-h-screen bg-background text-foreground antialiased" data-eager-reveal> <!-- Skip to content link -->
85 <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-primary-foreground"> 86Skip to content 87</a> <header class="z-50 fixed top-0 left-0 right-0 bg-background/80 backdrop-blur-lg border-b border-border/50 w-full transition-[background,border-color,box-shadow,backdrop-filter] duration-300" data-menu-id="mobile-menu-83t5me5" data-button-id="mobile-menu-83t5me5-button" data-header-shape="bar" data-header-variant="default" data-header-color-scheme="default" slot="header"> <div class="flex items-center justify-between md:grid md:grid-cols-[1fr_auto_1fr] h-16 mx-auto max-w-6xl px-6"> <a href="/" class="flex items-center gap-2"> <img src="/logo.svg" alt="Vibecode.game Logo" width="1067" height="863" loading="eager" decoding="async" class="shrink-0 w-auto object-contain object-left h-20 max-w-[min(100%,42rem)]"> <span class="sr-only">Vibecode.game</span> </a> <nav class="hidden items-center gap-1 md:flex" aria-label="Main navigation"> <div class="group relative"> <a href="/vibe-coded-games" class="nav-link relative inline-flex items-center justify-center gap-1 rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) nav-link-inactive font-medium text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Vibe-Coded Games <svg width="1em" height="1em" class="w-4 h-4 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:chevron-down"> <symbol id="ai:lucide:chevron-down" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></symbol><use href="#ai:lucide:chevron-down"></use> </svg> </a> <div class="pointer-events-none absolute left-0 top-full z-50 min-w-52 pt-1 opacity-0 transition-all duration-150 group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100"> <div class="rounded-lg border border-border bg-background p-1 shadow-lg"> <a href="/vibe-coded-games/best-of-the-week" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Best of the Week </a><a href="/vibe-coded-games/most-played" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Most Played </a><a href="/vibe-coded-games/new-release" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> New Release </a><a href="/vibe-coded-games/by-genre" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> By Genre </a><a href="/vibe-coded-games/by-ai-tool" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> By AI Tool </a><a href="/vibe-coded-games/by-game-engine" class="block rounded-md px-3 py-2 text-[13px] transition-colors text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> By Game Engine </a> </div> </div> </div><a href="/developers" class="nav-link relative inline-flex items-center justify-center rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) nav-link-inactive font-medium text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Developer Hub </a><a href="/ai-tools" class="nav-link relative inline-flex items-center justify-center rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) nav-link-inactive font-medium text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]">
87 AI Tools </a><a href="/blog" class="nav-link relative inline-flex items-center justify-center rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) nav-link-inactive font-medium text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Blog </a><a href="/game-jams" class="nav-link relative inline-flex items-center justify-center rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) nav-link-inactive font-medium text-foreground-muted hover:text-[color:var(--accent)] hover:bg-brand-100 dark:hover:bg-[color:rgba(225,255,0,0.08)]"> Game Jams </a> </nav> <div class="flex items-center gap-2 justify-self-end"> <button type="button" id="theme-toggle" class="inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors duration-(--transition-fast) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" aria-label="Toggle theme"> <!-- Sun icon (shown in dark mode) --> <svg class="h-5 w-5 hidden dark:block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"></path> </svg> <!-- Moon icon (shown in light mode) --> <svg class="h-5 w-5 block dark:hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"></path> </svg> </button>
87<script type="module">function t(){const e=document.getElementById("theme-toggle");!e||e.dataset.themeInit||(e.dataset.themeInit="true",e.addEventListener("click",()=>{document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),sessionStorage.setItem("theme","light")):(document.documentElement.classList.add("dark"),sessionStorage.removeItem("theme"))}))}t();document.addEventListener("astro:after-swap",t);</script>
87<div class="hidden md:flex"> <div class="relative" data-auth-cta-root> <div data-auth-signed-out> <button class="inline-flex items-center justify-center gap-2 font-ui font-bold tracking-wide rounded-md transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-[color:var(--cta)] text-[color:var(--cta-foreground)] hover:bg-[color:var(--cta-hover)] hover:-translate-y-px hover:shadow-glow-lime active:scale-[0.98] active:translate-y-0 h-8 px-3 text-xs [&_svg]:h-4 [&_svg]:w-4 hdr-cta-brand" type="button" data-auth-open="true" data-auth-view="sign_in" data-auth-next="/contact/">Sign in </button> </div> <div class="hidden" data-auth-signed-in> <a class="inline-flex items-center justify-center gap-2 font-ui font-bold tracking-wide rounded-md transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-[color:var(--cta)] text-[color:var(--cta-foreground)] hover:bg-[color:var(--cta-hover)] hover:-translate-y-px hover:shadow-glow-lime active:scale-[0.98] active:translate-y-0 h-8 px-3 text-xs [&_svg]:h-4 [&_svg]:w-4 hdr-cta-brand" href="/profile"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-4 h-4 shrink-0 profile-button-icon" aria-hidden="true" stroke-width="2" data-icon="lucide:user-round"> <use href="#ai:lucide:user-round"></use> </svg> 88Profile 89 </a> </div> </div> </div> <button type="button" id="mobile-menu-83t5me5-button" class="inline-flex items-center justify-center rounded-md p-2 md:hidden text-brand-500 dark:text-[color:var(--accent-signal)] transition-colors focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none hover:text-foreground hover:bg-secondary" aria-expanded="false" aria-controls="mobile-menu-83t5me5" aria-label="Toggle menu"> <span class="menu-icon"> <svg width="1em" height="1em" class="w-5 h-5 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:menu"> <symbol id="ai:lucide:menu" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"/></symbol><use href="#ai:lucide:menu"></use> </svg> </span> <span class="close-icon hidden"> <svg width="1em" height="1em" class="w-5 h-5 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:x"> <symbol id="ai:lucide:x" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"/></symbol><use href="#ai:lucide:x"></use> </svg> </span> </button> </div> </div> <div id="mobile-menu-83t5me5" class="hidden origin-top scale-y-0 opacity-0 shadow-[0_8px_24px_-12px_rgba(0,0,0,0.12)] md:hidden border-border bg-background border-t" role="navigation" aria-label="Mobile navigation"> <div class="space-y-1 py-4 mx-auto max-w-6xl px-6"> <div> <a href="/vibe-coded-games" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Vibe-Coded Games </a> <div class="mt-1 ml-4 space-y-1 border-l border-border pl-3"> <a href="/vibe-coded-games/best-of-the-week" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Best of the Week </a><a href="/vibe-coded-games/most-played" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Most Played </a><a href="/vibe-coded-games/new-release" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> New Release </a><a href="/vibe-coded-games/by-genre" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> By Genre </a><a href="/vibe-coded-games/by-ai-tool" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> By AI Tool </a><a href="/vibe-coded-games/by-game-engine" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> By Game Engine </a> </div> </div><div> <a href="/developers" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Developer Hub </a> </div><div> <a href="/ai-tools" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium">
89 AI Tools </a> </div><div> <a href="/blog" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Blog </a> </div><div> <a href="/game-jams" class="mobile-nav-link block rounded-md px-3 py-2 text-center text-[13px] transition-all duration-(--transition-fast) mobile-nav-link-inactive text-foreground-muted hover:bg-secondary/70 hover:text-foreground font-medium"> Game Jams </a> </div> <div class="border-border mt-3 border-t pt-3"> <div class="space-y-2" data-auth-cta-root> <div data-auth-signed-out> <button class="inline-flex items-center justify-center gap-2 font-ui font-bold tracking-wide rounded-md transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-[color:var(--cta)] text-[color:var(--cta-foreground)] hover:bg-[color:var(--cta-hover)] hover:-translate-y-px hover:shadow-glow-lime active:scale-[0.98] active:translate-y-0 h-10 px-4 text-sm [&_svg]:h-5 [&_svg]:w-5 w-full" type="button" data-auth-open="true" data-auth-view="sign_in" data-auth-next="/contact/">Sign in </button> </div> <div class="hidden space-y-2" data-auth-signed-in> <a class="inline-flex items-center justify-center gap-2 font-ui font-bold tracking-wide rounded-md transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-secondary text-secondary-foreground border border-border hover:bg-secondary-hover hover:border-border-strong active:scale-[0.98] h-10 px-4 text-sm [&_svg]:h-5 [&_svg]:w-5 w-full" href="/profile"> <svg width="1em" height="1em" class="w-4 h-4 shrink-0 profile-button-icon" aria-hidden="true" stroke-width="2" data-icon="lucide:user-round"> <symbol id="ai:lucide:user-round" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="8" r="5"/><path d="M20 21a8 8 0 0 0-16 0"/></g></symbol><use href="#ai:lucide:user-round"></use> </svg> 90Profile 91 </a> </div> </div> </div> </div> </div> </header> <div id="mobile-menu-83t5me5-backdrop" class="pointer-events-none fixed inset-0 z-40 opacity-0 transition-opacity duration-200 md:hidden" aria-hidden="true"></div>
91<script type="module" src="/_astro/Header.astro_astro_type_script_index_0_lang.B2bmuMRO.js"></script>
91
91<script type="module">const l=["bg-background/80","backdrop-blur-lg","border-b","border-border/50"];function a(){document.querySelectorAll('header[data-header-shape="floating"], header[data-header-shape="bar"]').forEach(t=>{if(t.dataset.scrollInit)return;t.dataset.scrollInit="true";const s=t.dataset.headerShape==="bar"&&t.dataset.headerVariant==="transparent";let e=!1;function n(){e||(e=!0,requestAnimationFrame(()=>{if(window.scrollY>60)t.setAttribute("data-scrolled",""),s&&(t.classList.add(...l),t.classList.remove("bg-transparent"));else{const r=t.dataset.menuId,o=r?document.getElementById(r):null;o&&!o.classList.contains("hidden")||(t.removeAttribute("data-scrolled"),s&&(t.classList.remove(...l),t.classList.add("bg-transparent")))}e=!1}))}window.addEventListener("scroll",n,{passive:!0}),n()})}a();document.addEventListener("astro:page-load",a);document.addEventListener("astro:after-swap",a);</script>
91
91<script type="module">function o(){const e=document.getElementById("scroll-progress-bar");if(!e||e.dataset.progressInit)return;e.dataset.progressInit="true";let t=!1,n=!1,r=0;function a(){r=Math.max(document.documentElement.scrollHeight-window.innerHeight,0)}function c(){if(!e)return;const i=window.scrollY,u=r>0?i/r*100:0,m=Math.min(1,Math.max(0,u/100));e.style.transform=`scaleX(${m})`,t=!1}function d(){t||(t=!0,requestAnimationFrame(c))}function l(){n||(n=!0,requestAnimationFrame(()=>{a(),c(),n=!1}))}window.addEventListener("scroll",d,{passive:!0}),window.addEventListener("resize",l,{passive:!0});let s=null;"ResizeObserver"in window&&(s=new ResizeObserver(l),s.observe(document.documentElement)),document.addEventListener("astro:before-swap",()=>{s?.disconnect()},{once:!0}),window.addEventListener("scroll",function i(){a(),d(),window.removeEventListener("scroll",i)},{once:!0,passive:!0})}o();document.addEventListener("astro:page-load",o);document.addEventListener("astro:after-swap",o);</script>
91 <main id="main-content" class="flex-1"> <main class="pt-16"> <section class="relative overflow-hidden bg-background pt-[var(--space-page-top-sm)] pb-[var(--space-section-sm)]" data-astro-cid-ar5v7lgx> <div class="relative z-10 mx-auto grid max-w-6xl grid-cols-1 items-center gap-[var(--space-section-gap)] px-6" data-astro-cid-ar5v7lgx> <div class="z-10 flex flex-col text-center items-center order-1 lg:order-none animate-hero-slide-up" data-astro-cid-ar5v7lgx> <div class="mb-[var(--space-heading-gap)]" data-astro-cid-ar5v7lgx> <span class="inline-flex items-center font-ui transition-colors [&>svg]:shrink-0 [&>svg]:h-3 [&>svg]:w-3 font-medium border bg-brand-600 text-white border-brand-700/70 dark:bg-brand-500 dark:text-white dark:border-brand-400 text-[13px] leading-none px-3 py-1 gap-1.5 tracking-[0.02em] rounded-full shadow-sm" slot="badge"> <svg width="1em" height="1em" class="w-4 h-4 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:mail"> <symbol id="ai:lucide:mail" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/><rect width="20" height="16" x="2" y="4" rx="2"/></g></symbol><use href="#ai:lucide:mail"></use> </svg> 92Get in touch 93 </span> </div> <div class="hero-title-slot mb-[var(--space-heading-gap)] [&>h1]:font-display [&>h1]:text-5xl [&>h1]:leading-[1.1] [&>h1]:font-extrabold [&>h1]:tracking-tight [&>h1]:text-balance [&>h1]:text-foreground md:[&>h1]:text-6xl lg:[&>h1]:text-7xl [&>h2]:font-display [&>h2]:text-4xl [&>h2]:leading-[1.1] [&>h2]:font-extrabold [&>h2]:tracking-tight [&>h2]:text-balance [&>h2]:text-foreground md:[&>h2]:text-5xl lg:[&>h2]:text-6xl" data-astro-cid-ar5v7lgx> <h1> 94Send us a <span class="text-brand-500">message.</span> </h1> </div> <div class="mb-[var(--space-stack-lg)] text-lg leading-relaxed text-foreground-muted max-w-xl [&>p]:text-lg [&>p]:leading-relaxed [&>p]:text-foreground-muted mx-auto" data-astro-cid-ar5v7lgx> <p> 95Interested in collaborating with us? Use the form below or reach out on any of these channels. 96</p> </div> </div> </div> </section>
96<script type="module">if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){let a=function(){const t=document.querySelectorAll("[data-parallax]");if(!t.length)return;const c=new WeakMap;for(const n of t){const r=n.closest("section");r&&c.set(n,r.getBoundingClientRect().top)}let s=!1,e=0;function l(){t.forEach(n=>{const r=n.closest("section");if(!r)return;const o=r.getBoundingClientRect();if(o.bottom<0||o.top>window.innerHeight)return;const i=parseFloat(n.dataset.parallax??"0.3"),u=c.get(n)??o.top,f=-(o.top-u)*i;n.style.transform=`translateY(${f.toFixed(2)}px)`})}function d(){s||(s=!0,e=requestAnimationFrame(()=>{s=!1,l()}))}window.addEventListener("scroll",d,{passive:!0}),l(),document.addEventListener("astro:before-swap",()=>{window.removeEventListener("scroll",d),e&&cancelAnimationFrame(e)},{once:!0})};document.addEventListener("astro:page-load",a)}function v(){const a=document.querySelector(".scroll-indicator");if(!a)return;function t(){window.scrollY>50&&(a.classList.add("is-hidden"),window.removeEventListener("scroll",t))}window.addEventListener("scroll",t,{passive:!0}),document.addEventListener("astro:before-swap",()=>{window.removeEventListener("scroll",t)},{once:!0})}document.addEventListener("astro:page-load",v);function m(){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||window.matchMedia("(prefers-reduced-data: reduce)").matches||navigator.connection?.saveData)return;const t=document.querySelector("video.hero-video-el[data-video-src]");if(!t)return;const c=t.closest(".hero-video-bg"),s=t.dataset.videoSrc;if(!s)return;const e=t,l=s;function d(){if(e.querySelector("source"))return;e.addEventListener("error",()=>{c?.classList.remove("hero-video-loaded"),e.remove()},{once:!0});const o=document.createElement("source");o.src=l,o.type="video/mp4",e.appendChild(o),e.load();const i=()=>c?.classList.add("hero-video-loaded");e.addEventListener("canplay",i,{once:!0}),e.addEventListener("playing",i,{once:!0}),e.play().catch(()=>{i()})}function n(){"requestIdleCallback"in window?window.requestIdleCallback(()=>d(),{timeout:4e3}):setTimeout(d,2e3)}if(!("IntersectionObserver"in window)){n();return}const r=new IntersectionObserver(o=>{o.some(i=>i.isIntersecting)&&(n(),r.disconnect())},{rootMargin:"140px 0px",threshold:.01});r.observe(e)}document.addEventListener("astro:page-load",m);</script>
96 <section class="pt-[var(--space-section-md)] pb-[var(--space-section-sm)] bg-background-secondary border-t border-border"> <div class="mx-auto max-w-5xl px-6"> <div class="grid grid-cols-1 lg:grid-cols-5 gap-10 lg:gap-16 items-stretch"> <!-- Left column: contact form --> <div class="lg:col-span-3 h-full" data-reveal>
96<script type="module" src="/_astro/ContactForm.astro_astro_type_script_index_0_lang.BEvX5hP5.js"></script>
96<div class="rounded-xl transition-all duration-200 ease-out bg-card border border-brand-500/30 hover:border-brand-500/70 p-8 h-full flex flex-col justify-center"> <h2 class="font-display text-xl font-bold text-foreground mb-6">Send a message</h2> <form id="contact-form" action="/api/contact" method="POST" class="space-y-6" data-success-message="Message sent successfully!"> <!-- Name + Email side by side on sm+ --> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div class="space-y-1.5"> <label for="input-td472cl" class="text-sm font-medium leading-none"> Name </label> <div class="relative"> <input id="input-td472cl" class="w-full rounded-lg border transition-colors duration-(--transition-fast) focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 bg-background border-brand-500/30 placeholder:text-muted-foreground focus-visible:ring-ring h-10 text-sm pl-4 pr-4" name="name" type="text" required autocomplete="name"> </div> </div> <div class="space-y-1.5"> <label for="input-jv07tmk" class="text-sm font-medium leading-none"> Email </label> <div class="relative"> <input id="input-jv07tmk" class="w-full rounded-lg border transition-colors duration-(--transition-fast) focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 bg-background border-brand-500/30 placeholder:text-muted-foreground focus-visible:ring-ring h-10 text-sm pl-4 pr-4" name="email" type="email" required autocomplete="email"> </div> </div> </div> <div class="space-y-1.5"> <label for="input-u1o10dl" class="text-sm font-medium leading-none"> Subject </label> <div class="relative"> <input id="input-u1o10dl" class="w-full rounded-lg border transition-colors duration-(--transition-fast) focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 bg-background border-brand-500/30 placeholder:text-muted-foreground focus-visible:ring-ring h-10 text-sm pl-4 pr-4" name="subject" type="text"> </div> </div> <div class="space-y-1.5"> <label for="textarea-ssthv3y" class="text-sm font-medium leading-none"> Message </label> <textarea id="textarea-ssthv3y" class="w-full rounded-lg border bg-background resize-y min-h-[80px] transition-colors duration-(--transition-fast) placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 border-brand-500/30 px-4 py-3 text-sm" rows="5" name="message" required></textarea> </div> <!-- Honeypot field for spam protection --> <div class="hidden" aria-hidden="true"> <input type="text" name="honeypot" tabindex="-1" autocomplete="off"> </div> <input type="hidden" name="turnstileToken" id="contact-turnstile-token" value=""> <div id="contact-turnstile-mount" class="pointer-events-none fixed left-0 top-0 -z-10 h-px w-px overflow-hidden opacity-0" aria-hidden="true" data-sitekey="0x4AAAAAADNTo7PVOQT2JFtN"></div> <div id="form-message" class="hidden text-sm"></div> <div class="flex justify-center"> <button class="inline-flex items-center justify-center font-ui font-bold tracking-wide rounded-md transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-[color:var(--cta)] text-[color:var(--cta-foreground)] hover:bg-[color:var(--cta-hover)] hover:-translate-y-px hover:shadow-glow-lime active:scale-[0.98] active:translate-y-0 h-10 px-4 text-sm [&_svg]:h-5 [&_svg]:w-5 gap-2" type="submit" id="submit-button"> 97Send message 98<svg width="1em" height="1em" class="w-4 h-4 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:arrow-right"> <symbol id="ai:lucide:arrow-right" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></symbol><use href="#ai:lucide:arrow-right"></use> </svg> </button> </div> </form> </div> </div> <!-- Right column: contact channels --> <div class="lg:col-span-2 space-y-4" data-reveal data-reveal-delay="1"> <div> <h2 class="font-display text-lg font-bold text-foreground mb-1">Other channels</h2> <p class="text-sm text-foreground-muted">Prefer a direct channel? Pick whichever works best.</p> </div> <!-- Channel list --> <div class="space-y-2"> <a href="mailto:[email protected]" class="block group"> <div class="rounded-xl transition-all duration-200 ease-out bg-card border border-brand-500/30 p-4 hover:border-brand-500 hover:shadow-md hover:-translate-y-0.5 h-full">
98 <div class="flex items-center gap-3"> <div class="w-10 h-10 shrink-0 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-4 h-4 shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:mail"> <use href="#ai:lucide:mail"></use> </svg> </div> <div class="min-w-0 flex-1"> <p class="font-semibold text-sm text-foreground">Email</p> <p class="text-xs text-foreground-muted truncate">[email protected]</p> </div> <svg width="1em" height="1em" class="w-4 h-4 text-foreground-muted group-hover:text-brand-500 transition-colors shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:arrow-up-right"> <symbol id="ai:lucide:arrow-up-right" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h10v10M7 17L17 7"/></symbol><use href="#ai:lucide:arrow-up-right"></use> </svg> </div> </div> </a><a href="https://x.com/Vibecode_game" target="_blank" rel="noopener noreferrer" class="block group"> <div class="rounded-xl transition-all duration-200 ease-out bg-card border border-brand-500/30 p-4 hover:border-brand-500 hover:shadow-md hover:-translate-y-0.5 h-full"> <div class="flex items-center gap-3"> <div class="w-10 h-10 shrink-0 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500"> <svg width="1em" height="1em" class="w-4 h-4 shrink-0" aria-hidden="true" data-icon="simple-icons:x"> <symbol id="ai:simple-icons:x" viewBox="0 0 24 24"><path fill="currentColor" d="M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z"/></symbol><use href="#ai:simple-icons:x"></use> </svg> </div> <div class="min-w-0 flex-1"> <p class="font-semibold text-sm text-foreground">X / Twitter</p> <p class="text-xs text-foreground-muted truncate">x.com/Vibecode_game</p> </div> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-4 h-4 text-foreground-muted group-hover:text-brand-500 transition-colors shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:arrow-up-right"> <use href="#ai:lucide:arrow-up-right"></use> </svg> </div> </div> </a><a href="https://x.com/YieldGuild" target="_blank" rel="noopener noreferrer" class="block group"> <div class="rounded-xl transition-all duration-200 ease-out bg-card border border-brand-500/30 p-4 hover:border-brand-500 hover:shadow-md hover:-translate-y-0.5 h-full"> <div class="flex items-center gap-3"> <div class="w-10 h-10 shrink-0 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-4 h-4 shrink-0" aria-hidden="true" data-icon="simple-icons:x"> <use href="#ai:simple-icons:x"></use> </svg> </div> <div class="min-w-0 flex-1"> <p class="font-semibold text-sm text-foreground">X / Twitter</p> <p class="text-xs text-foreground-muted truncate">x.com/YieldGuild</p> </div> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-4 h-4 text-foreground-muted group-hover:text-brand-500 transition-colors shrink-0" aria-hidden="true" stroke-width="2" data-icon="lucide:arrow-up-right"> <use href="#ai:lucide:arrow-up-right"></use> </svg> </div> </div> </a> </div> </div> </div> </div> </section> </main> </main> <footer class="py-[var(--space-stack-lg)] bg-surface-secondary border-t border-border" slot="footer"> <div class="mx-auto max-w-7xl px-8 sm:px-12 md:px-16 lg:px-20 xl:px-24"> <div class="flex w-full flex-col gap-y-[var(--space-stack-lg)] md:flex-row md:items-stretch md:gap-x-14"> <div class="flex w-full flex-1 flex-col items-start justify-center gap-[var(--space-stack-md)] text-left"> <a href="/" class="flex items-center justify-start gap-2"> <img src="/logo.svg" alt="Vibecode.game Logo" width="1067" height="863" loading="eager" decoding="async" class="shrink-0 object-contain object-left h-28 w-auto max-w-[min(100%,36rem)]"> <span class="sr-only">Vibecode.game</span> </a> <div class="flex items-center justify-start gap-[var(--space-stack-md)] pt-2"> <a href="https://x.com/Vibecode_game" class="transition-colors text-foreground-muted hover:text-foreground" target="_blank" rel="noopener noreferrer" aria-label="Follow us on twitter"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5 shrink-0" aria-hidden="true" data-icon="simple-icons:x"> <use href="#ai:simple-icons:x"></use> </svg> </a><a href="https://x.com/YieldGuild" class="transition-colors text-foreground-muted hover:text-foreground" target="_blank" rel="noopener noreferrer" aria-label="Follow us on twitter"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5 shrink-0" aria-hidden="true" data-icon="simple-icons:x"> <use href="#ai:simple-icons:x"></use> </svg> </a><a href="https://discord.gg/ygg" class="transition-colors text-foreground-muted hover:text-foreground" target="_blank" rel="noopener noreferrer" aria-label="Follow us on discord"> <svg width="1em" height="1em" class="w-5 h-5 shrink-0" aria-hidden="true" data-icon="simple-icons:discord">
98 <symbol id="ai:simple-icons:discord" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></symbol><use href="#ai:simple-icons:discord"></use> </svg> </a><a href="https://www.youtube.com/@YieldGuildGames" class="transition-colors text-foreground-muted hover:text-foreground" target="_blank" rel="noopener noreferrer" aria-label="Follow us on youtube"> <svg width="1em" height="1em" class="w-5 h-5 shrink-0" aria-hidden="true" data-icon="simple-icons:youtube"> <symbol id="ai:simple-icons:youtube" viewBox="0 0 24 24"><path fill="currentColor" d="M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z"/></symbol><use href="#ai:simple-icons:youtube"></use> </svg> </a> </div> </div> <div class="flex w-full max-w-full flex-col items-start gap-y-[var(--space-stack-lg)] md:w-auto md:shrink-0 md:flex-row md:flex-nowrap md:gap-x-10 md:gap-y-0 lg:gap-x-14"> <div class="flex shrink-0 flex-col items-start justify-start gap-6 md:gap-8"> <h3 class="m-0 font-semibold text-sm text-foreground"> Vibe-Coded Games </h3> <ul class="space-y-2"> <li> <a href="/vibe-coded-games" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Vibe-coded games Overview </a> </li><li> <a href="/vibe-coded-games/best-of-the-week" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Best of the Week </a> </li><li> <a href="/vibe-coded-games/most-played" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Most Played </a> </li><li> <a href="/vibe-coded-games/new-release" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> New Release </a> </li><li> <a href="/vibe-coded-games/by-genre" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> By Genre </a> </li><li> <a href="/vibe-coded-games/by-ai-tool" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> By AI Tool </a> </li><li> <a href="/vibe-coded-games/by-game-engine" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> By Game Engine </a> </li> </ul> </div><div class="flex shrink-0 flex-col items-start justify-start gap-6 md:gap-8"> <h3 class="m-0 font-semibold text-sm text-foreground"> Explore </h3> <ul class="space-y-2"> <li> <a href="/developers" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Developer Hub </a> </li><li> <a href="/ai-tools" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> AI Tools </a> </li><li> <a href="/blog" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Blog </a> </li><li> <a href="/game-jams" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Game Jams </a> </li><li> <a href="/game-vibe-coding-glossary" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Glossary </a> </li><li> <a href="/faq" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> FAQ </a> </li> </ul> </div><div class="flex shrink-0 flex-col items-start justify-start gap-6 md:gap-8"> <h3 class="m-0 font-semibold text-sm text-foreground"> Information </h3> <ul class="space-y-2"> <li> <a href="/about" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> About us </a> </li><li> <a href="/contact" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Contact us </a> </li> </ul> </div> </div> </div> <div class="mt-[var(--space-section-header)] pt-[var(--space-stack-lg)] border-t border-border flex flex-col md:flex-row justify-between items-center gap-[var(--space-stack-md)]"> <p class="text-sm text-foreground-muted">© 2026 Vibecode.game. Powered by <a href="https://x.com/YieldGuild" class="underline hover:text-foreground transition-colors" target="_blank" rel="noopener noreferrer">YGG</a>.</p><div class="flex items-center gap-[var(--space-inline-lg)]"> <a href="/privacy" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Privacy Policy </a><a href="/terms" class="text-sm transition-colors text-foreground-muted hover:text-foreground"> Terms of Service </a> </div> </div> </div> </footer> <div id="auth-modal-root" data-turnstile-site-key="0x4AAAAAADNTo7PVOQT2JFtN"></div> <!-- Back to top button --> <button id="back-to-top" aria-label="Back to top" class="fixed bottom-6 right-6 z-50 h-12 w-12" style="opacity:0;translate:0 2rem;pointer-events:none"> <!-- Scroll-progress ring (rotated so arc starts at 12 o'clock) --> <svg class="absolute inset-0 h-full w-full -rotate-90" viewBox="0 0 48 48" aria-hidden="true"> <!-- Faint grey track --> <circle cx="24" cy="24" r="21" fill="none" stroke="currentColor" class="text-border" stroke-width="2" opacity="0.5"></circle> <!-- Brand progress arc --> <circle id="back-to-top-ring" cx="24" cy="24" r="21" fill="none" stroke="currentColor" class="text-brand-500" stroke-width="2.5" stroke-linecap="round" stroke-dasharray="131.95" stroke-dashoffset="131.95"></circle> </svg> <!-- Inner face --> <span class="absolute inset-[5px] flex items-center justify-center rounded-full bg-background border border-border-strong text-foreground-muted shadow-md" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
98ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 15-6-6-6 6"></path></svg> </span> </button>
98<script> 99 (function () { 100 const THRESHOLD = 400; 101 const CIRCUMFERENCE = 131.95; 102 103 function initBackToTop() { 104 const btn = document.getElementById('back-to-top'); 105 if (!btn || btn.dataset.bttInit) return; 106 btn.dataset.bttInit = 'true'; 107 108 const ring = document.getElementById('back-to-top-ring'); 109 const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 110 let ticking = false; 111 let resizeTicking = false; 112 let visible = false; 113 let scrollableHeight = 0; 114 let resizeObserver = null; 115 let initialized = false; 116 117 // Ensure initial hidden state is applied via JS (guards against any cascade override) 118 btn.style.opacity = '0'; 119 btn.style.translate = '0 2rem'; 120 btn.style.pointerEvents = 'none'; 121 122 function show() { 123 if (reducedMotion) { 124 btn.style.transition = 'none'; 125 } else { 126 btn.style.transition = 'opacity 250ms cubic-bezier(0,0,0.2,1), translate 250ms cubic-bezier(0,0,0.2,1)'; 127 } 128 btn.style.opacity = '1'; 129 btn.style.translate = '0 0'; 130 btn.style.pointerEvents = 'auto'; 131 visible = true; 132 } 133 134 function hide() { 135 if (reducedMotion) { 136 btn.style.transition = 'none'; 137 } else { 138 btn.style.transition = 'opacity 300ms cubic-bezier(0.4,0,1,1), translate 300ms cubic-bezier(0.4,0,1,1)'; 139 } 140 btn.style.opacity = '0'; 141 btn.style.translate = '0 2rem'; 142 btn.style.pointerEvents = 'none'; 143 visible = false; 144 } 145 146 function recalculateScrollableHeight() { 147 scrollableHeight = Math.max(document.documentElement.scrollHeight - window.innerHeight, 0); 148 } 149 150 function updateFrame() { 151 const pct = scrollableHeight > 0 ? Math.min(1, Math.max(0, window.scrollY / scrollableHeight)) : 0; 152 if (ring) { 153 ring.style.strokeDashoffset = String(CIRCUMFERENCE * (1 - pct)); 154 } 155 if (window.scrollY > THRESHOLD) { 156 if (!visible) show(); 157 } else { 158 if (visible) hide(); 159 } 160 ticking = false; 161 } 162 163 function onScroll() { 164 if (!initialized) initialized = true; 165 if (!ticking) { 166 ticking = true; 167 requestAnimationFrame(updateFrame); 168 } 169 } 170 171 function scheduleResizeUpdate() { 172 if (!resizeTicking) { 173 resizeTicking = true; 174 requestAnimationFrame(function () { 175 recalculateScrollableHeight(); 176 updateFrame(); 177 resizeTicking = false; 178 }); 179 } 180 } 181 182 window.addEventListener('scroll', onScroll, { passive: true }); 183 window.addEventListener('resize', scheduleResizeUpdate, { passive: true }); 184 if ('ResizeObserver' in window) { 185 resizeObserver = new ResizeObserver(scheduleResizeUpdate); 186 resizeObserver.observe(document.documentElement); 187 } 188 btn.addEventListener('click', function () { 189 window.scrollTo({ top: 0, behavior: reducedMotion ? 'auto' : 'smooth' }); 190 }); 191 192 document.addEventListener('astro:before-swap', function () { 193 window.removeEventListener('scroll', onScroll); 194 window.removeEventListener('resize', scheduleResizeUpdate); 195 resizeObserver?.disconnect(); 196 }, { once: true }); 197 198 function arm() { 199 window.addEventListener('scroll', function kick() { 200 if (!initialized) { 201 initialized = true; 202 recalculateScrollableHeight(); 203 updateFrame(); 204 } 205 window.removeEventListener('scroll', kick); 206 }, { once: true, passive: true }); 207 } 208 209 arm(); 210 } 211 212 function scheduleBackToTop() { 213 if ('requestIdleCallback' in window) { 214 requestIdleCallback(initBackToTop); 215 } else { 216 setTimeout(initBackToTop, 1); 217 } 218 } 219 220 document.addEventListener('astro:page-load', scheduleBackToTop); 221 scheduleBackToTop(); 222 })(); 223 </script>
223 <!-- Scroll reveal: adds .is-visible to [data-reveal] elements as they enter the viewport -->
223<script> 224 (function () { 225 function initReveal() { 226 const els = document.querySelectorAll('[data-reveal]:not(.is-visible)'); 227 if (!els.length) return; 228 const eager = document.body.hasAttribute('data-eager-reveal'); 229 const observer = new IntersectionObserver(function (entries) { 230 entries.forEach(function (entry) { 231 if (entry.isIntersecting) { 232 entry.target.classList.add('is-visible'); 233 observer.unobserve(entry.target); 234 } 235 }); 236 }, { threshold: 0, rootMargin: eager ? '0px 0px 200px 0px' : '0px 0px -60px 0px' }); 237 els.forEach(function (el) { observer.observe(el); }); 238 } 239 240 if (document.readyState === 'loading') { 241 document.addEventListener('DOMContentLoaded', initReveal); 242 } else { 243 initReveal(); 244 } 245 246 document.addEventListener('astro:after-swap', initReveal); 247 })(); 248 </script>
248
248<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.Zkkzh0nR.js"></script>
248
248<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_1_lang.B7jKnr05.js"></script>
248 <div id="site-loading-root" class="site-loading-root" data-phase="idle" hidden aria-hidden="true"> <div class="site-loading-bar" role="progressbar" aria-label="Page loading" aria-valuemin="0" aria-valuemax="100"> <span class="site-loading-bar-track" aria-hidden="true"> <span class="site-loading-bar-fill"></span> </span> </div> <div class="site-loading-overlay" aria-hidden="true"> <div class="site-loading-overlay-panel" role="status" aria-live="polite"> <img src="/favicon.svg" alt="" width="56" height="56" class="site-loading-logo" decoding="async" aria-hidden="true"> <span class="sr-only">Loadingâ¦</span> </div> </div> </div>
248<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_2_lang.y6W9N1fq.js"></script>
248
248<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_3_lang.DxOuNTML.js"></script>
248 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.