<!DOCTYPE html><html lang="en" class="light" data-beasties-container> <head><meta charset="UTF-8"><meta name="description" content="TeamStats - Team Management App for Grassroots Sports"><meta name="robots" content="index, follow"><link rel="canonical" href="https://www.teamstats.net/"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://www.teamstats.net/"><meta property="og:title" content="Football Team Management App | TeamStats"><meta property="og:description" content="TeamStats - Team Management App for Grassroots Sports"><meta property="og:image" content="https://assets.teamstats.net/images/og-default.jpg"><meta property="og:site_name" content="TeamStats"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://www.teamstats.net/"><meta name="twitter:title" content="Football Team Management App | TeamStats"><meta name="twitter:description" content="TeamStats - Team Management App for Grassroots Sports"><meta name="twitter:image" content="https://assets.teamstats.net/images/og-default.jpg"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v5.15.3"><meta name="color-scheme" content="light only"><title>Football Team Management App | TeamStats</title><!-- Force mytheme --><script>
      document.documentElement.setAttribute("data-theme", "mytheme");
    </script><!-- DNS hints / preconnect to critical origins --><link rel="dns-prefetch" href="https://cdn.zaraz.com"><!-- TeamStats assets CDN: LCP-critical images and video posters --><link rel="dns-prefetch" href="https://assets.teamstats.net"><link rel="preconnect" href="https://assets.teamstats.net" crossorigin><!-- Staging API: background tracking only, DNS prefetch is sufficient --><link rel="dns-prefetch" href="https://staging-api.teamstats.net"><!-- Modal Styles - non-render-blocking --><link rel="stylesheet" href="/styles/modals.css?v=1770830168196" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/styles/modals.css?v=1770830168196"></noscript><style>/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-sky-600:oklch(58.8% .158 241.966);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--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-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:oklch(97% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--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)}}@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}::-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}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab,red,red)){:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root:not(span){overflow:var(--page-overflow)}:root{--page-scroll-bg-on:linear-gradient(var(--root-bg),var(--root-bg))var(--root-bg)}@supports (color:color-mix(in lab,red,red)){:root{--page-scroll-bg-on:linear-gradient(var(--root-bg),var(--root-bg))color-mix(in srgb,var(--root-bg),oklch(0% 0 0) calc(var(--page-has-backdrop,0)*40%))}}:root{--page-scroll-transition-on:background-color .3s ease-out;transition:var(--page-scroll-transition);scrollbar-gutter:var(--page-scroll-gutter,unset);scrollbar-gutter:if(style(--page-has-scroll: 1): var(--page-scroll-gutter,unset); else: unset)}:root:root{background:var(--page-scroll-bg,var(--root-bg,var(--color-base-100)))}@keyframes set-page-has-scroll{0%,to{--page-has-scroll:1}}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}:where(:root),:root:has(input.theme-controller[value=mytheme]:checked),[data-theme=mytheme]{color-scheme:light;--color-primary:#4a7ba7;--color-primary-content:#fff;--color-secondary:#e8572a;--color-secondary-content:#fff;--color-accent:#00a651;--color-accent-content:#fff;--color-neutral:#5a6c7d;--color-neutral-content:#fff;--color-base-100:#f5f5f5;--color-base-200:#e8e8e8;--color-base-300:#d4d4d4;--color-base-content:#3d4851;--color-info:#00b8d4;--color-info-content:#fff;--color-success:#00a651;--color-success-content:#fff;--color-warning:#ffa726;--color-warning-content:#3d4851;--color-error:#e8572a;--color-error-content:#fff}}@layer components;@layer utilities{@layer daisyui.component{.diff{webkit-user-select:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.diff:focus-visible,.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px}.diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}.modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}.modal::backdrop{display:none}:where(.drawer-side){overflow:hidden}.drawer-side{pointer-events:none;visibility:hidden;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;inset-inline-start:0;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}.drawer-side>.drawer-overlay{cursor:pointer;background-color:#0006;place-self:stretch stretch;position:sticky;top:0}.drawer-side>*{grid-row-start:1;grid-column-start:1}.drawer-side>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%}[dir=rtl] :is(.drawer-side>:not(.drawer-overlay)){translate:100%}.fab{pointer-events:none;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;inset-inline-end:1rem;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex}.fab>:hover,.fab>:has(:focus-visible){z-index:1}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fab>:nth-child(n+2).fab-main-action,.fab>:nth-child(n+2).fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed}.tooltip{--tt-bg:var(--color-neutral);--tt-off: calc(100% + .5rem) ;--tt-tail: calc(100% + 1px + .25rem) ;display:inline-block;position:relative}.tooltip>.tooltip-content,.tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}@media(prefers-reduced-motion:no-preference){.tooltip>.tooltip-content,.tooltip[data-tip]:before,.tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}.tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;-webkit-mask-position:-1px 0;mask-position:-1px 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);display:block;position:absolute}:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible))>.tooltip-content,:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible))[data-tip]:before,:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible)):after{opacity:1;--tt-pos:0rem}@media(prefers-reduced-motion:no-preference){:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible))>.tooltip-content,:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible))[data-tip]:before,:is(.tooltip.tooltip-open,.tooltip[data-tip]:not([data-tip=""]):hover,.tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover,.tooltip:has(:focus-visible)):after{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.tab{cursor:pointer;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;display:inline-flex;position:relative}@media(hover:hover){.tab:hover{color:var(--color-base-content)}}.tab{--tab-p:.75rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));--tab-radius-limit:min(var(--radius-field),var(--tab-radius-min));--tab-radius-grad:#0000 calc(69% - var(--border)),var(--tab-border-color)calc(calc(69% - var(--border)) + .25px),var(--tab-border-color)calc(calc(69% - var(--border)) + var(--border)),var(--tab-bg)calc(calc(69% - var(--border)) + var(--border) + .25px);order:var(--tab-order);height:var(--tab-height);border-color:#0000;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p);font-size:.875rem}.tab:is(input[type=radio]){min-width:fit-content}.tab:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.tab:is(label){position:relative}.tab:is(label) input{cursor:pointer;appearance:none;opacity:0;position:absolute;inset:0}:is(.tab:checked,.tab:is(label:has(:checked)),.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]))+.tab-content{display:block}.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}.tab:not(input):empty{cursor:default;flex-grow:1}.tab:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.tab:focus{outline-offset:2px;outline:2px solid #0000}}.tab:focus-visible,.tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.tab[disabled]{pointer-events:none;opacity:.4}.menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.menu :where(li>details>summary),.menu :where(li>.menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}.menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{outline-offset:2px;outline:2px solid #0000}}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise)}:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.menu :where(li).menu-disabled{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.menu .dropdown:focus-within .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.dropdown>:not(:has(~[class*=dropdown-content])):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover],.dropdown .dropdown-content{z-index:999}@media(prefers-reduced-motion:no-preference){.dropdown[popover],.dropdown .dropdown-content{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:95%}}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) .dropdown-content{opacity:1}.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;scale:100%}.dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.dropdown.dropdown-open,.dropdown:focus,.dropdown:focus-within) .dropdown-content{scale:100%}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.dropdown[popover]:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}:where(.btn){width:unset}.btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:var(--btn-bg);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.btn{--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%))}}.btn{--btn-shadow:0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab,red,red)){.btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000)}}.btn{--btn-noise:var(--fx-noise)}@media(hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab,red,red)){.btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}}.btn:focus-visible,.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.btn:active:not(.btn-active){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab,red,red)){.btn:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%)}}.btn:active:not(.btn-active){--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab,red,red)){.btn:active:not(.btn-active){--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.btn:active:not(.btn-active){--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0)}.btn:is(input[type=checkbox],input[type=radio]){appearance:none}.btn:is(input[type=checkbox],input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.countdown{display:inline-flex}.countdown>*{visibility:hidden;--value-v: mod(max(0,var(--value)),1000) ;--value-hundreds: round(to-zero,var(--value-v)/100,1) ;--value-tens: round(to-zero,mod(var(--value-v),100)/10,1) ;--value-ones: mod(var(--value-v),100) ;--show-hundreds:clamp(clamp(0,var(--digits,1) - 2,1),var(--value-hundreds),1);--show-tens:clamp(clamp(0,var(--digits,1) - 1,1),var(--value-tens) + var(--show-hundreds),1);--first-digits: round(to-zero,var(--value-v)/10,1) ;height:1em;width:calc(1ch + var(--show-tens)*1ch + var(--show-hundreds)*1ch);direction:ltr;transition:width .4s ease-out .2s;display:inline-block;position:relative;overflow-y:clip}.countdown>:before,.countdown>:after{visibility:visible;--tw-content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a";content:var(--tw-content);font-variant-numeric:tabular-nums;white-space:pre;text-align:end;direction:rtl;transition:all 1s cubic-bezier(1,0,0,1),width .2s ease-out .2s,opacity .2s ease-out .2s;position:absolute;overflow-x:clip}.countdown>:before{width:calc(1ch + var(--show-hundreds)*1ch);top:calc(var(--first-digits)*-1em);opacity:var(--show-tens);inset-inline-end:0}.countdown>:after{width:1ch;top:calc(var(--value-ones)*-1em);inset-inline-start:0}.collapse{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;overflow:hidden}@media(prefers-reduced-motion:no-preference){.collapse{transition:grid-template-rows .2s}}.collapse>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),.collapse:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){content-visibility:visible;min-height:fit-content}@supports not (content-visibility:visible){.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible}}.collapse:focus-visible,.collapse:has(>input:is([type=checkbox],[type=radio]):focus-visible),.collapse:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}.collapse:not(.collapse-close)>input[type=checkbox],.collapse:not(.collapse-close)>input[type=radio]:not(:checked),.collapse:not(.collapse-close)>.collapse-title{cursor:pointer}:is(.collapse[tabindex]:focus:not(.collapse-close,.collapse[open]),.collapse[tabindex]:focus-within:not(.collapse-close,.collapse[open]))>.collapse-title{cursor:unset}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}.collapse:is(details){width:100%}@media(prefers-reduced-motion:no-preference){.collapse:is(details)::details-content{transition:content-visibility .2s allow-discrete,visibility .2s allow-discrete,padding .2s ease-out,background-color .2s ease-out,height .2s;interpolate-size:allow-keywords;height:0}.collapse:is(details):where([open])::details-content{height:auto}}.collapse:is(details) summary{display:block;position:relative}.collapse:is(details) summary::-webkit-details-marker{display:none}.collapse:is(details)>.collapse-content{content-visibility:visible}.collapse:is(details) summary{outline:none}.collapse-content{content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem}@supports not (content-visibility:hidden){.collapse-content{visibility:hidden}}@media(prefers-reduced-motion:no-preference){.collapse-content{transition:content-visibility .2s allow-discrete,visibility .2s allow-discrete,padding .2s ease-out,background-color .2s ease-out}}.list{flex-direction:column;font-size:.875rem;display:flex}.list .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}:is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:var(--color-base-content);position:absolute;bottom:0}@supports (color:color-mix(in lab,red,red)){:is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{border-color:color-mix(in oklab,var(--color-base-content)5%,transparent)}}.list\!{flex-direction:column!important;font-size:.875rem!important;display:flex!important}.list\! .list-row{--list-grid-cols:minmax(0,auto)1fr!important;border-radius:var(--radius-box)!important;word-break:break-word!important;grid-auto-flow:column!important;grid-template-columns:var(--list-grid-cols)!important;gap:1rem!important;padding:1rem!important;display:grid!important;position:relative!important}:is(.list\!>:not(:last-child).list-row,.list\!>:not(:last-child) .list-row):after{content:""!important;border-bottom:var(--border)solid!important;inset-inline:var(--radius-box)!important;border-color:var(--color-base-content)!important;position:absolute!important;bottom:0!important}@supports (color:color-mix(in lab,red,red)){:is(.list\!>:not(:last-child).list-row,.list\!>:not(:last-child) .list-row):after{border-color:color-mix(in oklab,var(--color-base-content)5%,transparent)!important}}.toast{translate:var(--toast-x,0)var(--toast-y,0);inset-inline:auto 1rem;background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}@media(prefers-reduced-motion:no-preference){.toast>*{animation:.25s ease-out toast}}.toggle{border:var(--border)solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p),var(--radius-selector-max)) + min(var(--border),var(--radius-selector-max)));padding:var(--toggle-p);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;display:inline-grid;position:relative;box-shadow:inset 0 1px}@supports (color:color-mix(in lab,red,red)){.toggle{box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000) inset}}.toggle{--input-color:var(--color-base-content);transition:color .3s,grid-template-columns .2s}@supports (color:color-mix(in lab,red,red)){.toggle{--input-color:color-mix(in oklab,var(--color-base-content)50%,#0000)}}.toggle{--toggle-p:calc(var(--size)*.125);--size:calc(var(--size-selector,.25rem)*6);width:calc((var(--size)*2) - (var(--border) + var(--toggle-p))*2);height:var(--size)}.toggle>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s}.toggle>:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.toggle>:focus{outline-offset:2px;outline:2px solid #0000}}.toggle>:nth-child(2){color:var(--color-base-100);rotate:none}.toggle>:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}.toggle:has(:checked)>:nth-child(2){opacity:0;rotate:15deg}.toggle:has(:checked)>:nth-child(3){opacity:1;rotate:none}.toggle:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px currentColor;background-color:currentColor;grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@supports (color:color-mix(in lab,red,red)){.toggle:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000)}}.toggle:before{background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise)}@media(forced-colors:active){.toggle:before{outline-style:var(--tw-outline-style);outline-offset:-1px;outline-width:1px}}@media print{.toggle:before{outline-offset:-1rem;outline:.25rem solid}}.toggle:focus-visible,.toggle:has(:focus-visible){outline-offset:2px;outline:2px solid}.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}:is(.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked)):before{background-color:currentColor}@starting-style{:is(.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked)):before{opacity:0}}.toggle:indeterminate{grid-template-columns:.5fr 1fr .5fr}.toggle:disabled{cursor:not-allowed;opacity:.3}.toggle:disabled:before{border:var(--border)solid currentColor;background-color:#0000}.input{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.input{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset}}.input{--size:calc(var(--size-field,.25rem)*10);--input-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input{--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)}}.input:where(input){display:inline-flex}.input :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.input :where(input):focus,.input :where(input):focus-within{outline-offset:2px;outline:2px solid #0000}}.input :where(input[type=url]),.input :where(input[type=email]){direction:ltr}.input :where(input[type=date]){display:inline-flex}.input:focus,.input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab,red,red)){.input:focus,.input:focus-within{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)}}.input:focus,.input:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}@media(pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus,.input:focus-within{--font-size:1rem}}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}:is(.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input)::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input)::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.input:has(>input[type=date]) :where(input[type=date]){webkit-appearance:none;appearance:none;display:inline-flex}.input:has(>input[type=date]) input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}.indicator{width:max-content;display:inline-flex;position:relative}.indicator :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}.table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative}.table:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media(hover:hover){:is(.table tr.row-hover,.table tr.row-hover:nth-child(2n)):hover{background-color:var(--color-base-200)}}.table :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}.table :where(thead,tfoot){white-space:nowrap;color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(thead,tfoot){color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}.table :where(thead,tfoot){font-size:.875rem;font-weight:600}.table :where(tfoot){border-top:var(--border)solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(tfoot){border-top:var(--border)solid color-mix(in oklch,var(--color-base-content)5%,#0000)}}.table :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}.table :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}.table :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}.table :where(thead tr,tbody tr:not(:last-child)){border-bottom:var(--border)solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(thead tr,tbody tr:not(:last-child)){border-bottom:var(--border)solid color-mix(in oklch,var(--color-base-content)5%,#0000)}}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon,.steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.range{appearance:none;webkit-appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:currentColor}@supports (color:color-mix(in lab,red,red)){.range{--range-bg:color-mix(in oklab,currentColor 10%,#0000)}}.range{cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] .range{--range-dir:-1}.range:focus{outline:none}.range:focus-visible{outline-offset:2px;outline:2px solid}.range::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media(forced-colors:active){.range::-webkit-slider-runnable-track{border:1px solid}.range::-moz-range-track{border:1px solid}}.range::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;appearance:none;webkit-appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px currentColor,0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2)) 0 0 calc(100rem*var(--range-fill));position:relative;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.range::-webkit-slider-thumb{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2)) 0 0 calc(100rem*var(--range-fill))}}.range::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}.range::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px currentColor,0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2)) 0 0 calc(100rem*var(--range-fill));background-color:currentColor;position:relative;top:50%}@supports (color:color-mix(in lab,red,red)){.range::-moz-range-thumb{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2)) 0 0 calc(100rem*var(--range-fill))}}.range:disabled{cursor:not-allowed;opacity:.3}.select{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.select{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset}}.select{border-color:var(--input-color);--input-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select{--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)}}.select{--size:calc(var(--size-field,.25rem)*10)}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}[dir=rtl] .select::picker(select){translate:.5rem}[dir=rtl] .select select::picker(select){translate:.5rem}.select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.select select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem}.select select:focus,.select select:focus-within{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.select select:focus,.select select:focus-within{outline-offset:2px;outline:2px solid #0000}}.select select:not(:last-child){background-image:none;margin-inline-end:-1.375rem}.select:focus,.select:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab,red,red)){.select:focus,.select:focus-within{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)}}.select:focus,.select:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){.select,.select select{appearance:base-select}:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select select)::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px) -2px #0003;box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) optgroup{padding-top:.5em}:is(.select,.select select) optgroup option:first-child{margin-top:.5em}:is(.select,.select select) option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.select,.select select) option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px) -2px var(--color-neutral)}.timeline{display:flex;position:relative}.timeline>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative}.timeline>li>hr{border:none;width:100%}.timeline>li>hr:first-child{grid-row-start:2;grid-column-start:1}.timeline>li>hr:last-child{grid-area:2/3/auto/none}@media print{.timeline>li>hr{border:.1px solid var(--color-base-300)}}.timeline :where(hr){background-color:var(--color-base-300);height:.25rem}.timeline:has(.timeline-middle hr):first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}.timeline:has(.timeline-middle hr):last-child,.timeline:not(:has(.timeline-middle)) :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}.timeline:not(:has(.timeline-middle)) :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}.collapse-title{grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}.avatar{vertical-align:middle;display:inline-flex;position:relative}.avatar>div{aspect-ratio:1;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.checkbox{border:var(--border)solid var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab,red,red)){.checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000))}}.checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}.checkbox:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1))}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media(forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}.checkbox:indeterminate{background-color:var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab,red,red)){.checkbox:indeterminate{background-color:var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000))}}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}.radio{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){.radio{border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000))}}.radio{box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor)}.radio:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}.radio:focus-visible{outline:2px solid}.radio:checked,.radio[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor}@media(prefers-reduced-motion:no-preference){.radio:checked,.radio[aria-checked=true]{animation:.2s ease-out radio}}:is(.radio:checked,.radio[aria-checked=true]):before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media(forced-colors:active){:is(.radio:checked,.radio[aria-checked=true]):before{outline-style:var(--tw-outline-style);outline-offset:-1px;outline-width:1px}}@media print{:is(.radio:checked,.radio[aria-checked=true]):before{outline-offset:-1rem;outline:.25rem solid}}.rating{vertical-align:middle;display:inline-flex;position:relative}.rating input{appearance:none;border:none}.rating :where(*){background-color:var(--color-base-content);opacity:.2;border-radius:0;width:1.5rem;height:1.5rem}@media(prefers-reduced-motion:no-preference){.rating :where(*){animation:.25s ease-out rating}}.rating :where(*):is(input){cursor:pointer}.rating .rating-hidden{background-color:#0000;width:.5rem}.rating input[type=radio]:checked{background-image:none}.rating :checked,.rating [aria-checked=true],.rating [aria-current=true],.rating :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}.rating :focus-visible{scale:1.1}@media(prefers-reduced-motion:no-preference){.rating :focus-visible{transition:scale .2s ease-out}}.rating :active:focus{animation:none;scale:1.1}.navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.card:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.card:focus{outline-offset:2px;outline:2px solid #0000}}.card:focus-visible{outline-color:currentColor}.card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.card figure{justify-content:center;align-items:center;display:flex}.card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card:has(>:checked){outline:2px solid}.stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.progress{appearance:none;border-radius:var(--radius-box);background-color:currentColor;width:100%;height:.5rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.progress{background-color:color-mix(in oklab,currentcolor 20%,transparent)}}.progress{color:var(--color-base-content)}.progress:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%}@media(prefers-reduced-motion:no-preference){.progress:indeterminate{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){.progress:indeterminate::-moz-progress-bar{background-color:#0000}@media(prefers-reduced-motion:no-preference){.progress:indeterminate::-moz-progress-bar{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}.progress::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){.progress::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}.progress::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed}.hero-content{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}.textarea{border:var(--border)solid #0000;appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem}@supports (color:color-mix(in lab,red,red)){.textarea{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset}}.textarea{--input-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea{--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)}}.textarea textarea{appearance:none;background-color:#0000;border:none}.textarea textarea:focus,.textarea textarea:focus-within{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.textarea textarea:focus,.textarea textarea:focus-within{outline-offset:2px;outline:2px solid #0000}}.textarea:focus,.textarea:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab,red,red)){.textarea:focus,.textarea:focus-within{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)}}.textarea:focus,.textarea:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media(pointer:coarse){@supports (-webkit-touch-callout:none){.textarea:focus,.textarea:focus-within{--font-size:1rem}}}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){box-shadow:none}.textarea:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}.stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}.stack>*{width:100%;height:100%}.stack>:nth-child(n+2){opacity:.7;width:100%}.stack>:nth-child(2){z-index:2;opacity:.9}.stack>:first-child{z-index:3;width:100%}.modal-backdrop{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.modal-backdrop button{cursor:pointer}.tab-content{order:var(--tabcontent-order);--tabcontent-radius-ss:var(--radius-box);--tabcontent-radius-se:var(--radius-box);--tabcontent-radius-es:var(--radius-box);--tabcontent-radius-ee:var(--radius-box);--tabcontent-order:1;width:100%;height:calc(100% - var(--tab-height) + var(--border));margin:var(--tabcontent-margin);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--tabcontent-radius-ss);border-start-end-radius:var(--tabcontent-radius-se);border-end-end-radius:var(--tabcontent-radius-ee);border-end-start-radius:var(--tabcontent-radius-es);display:none}.hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}.hero>*{grid-row-start:1;grid-column-start:1}.hero-overlay{background-color:var(--color-neutral);grid-row-start:1;grid-column-start:1;width:100%;height:100%}@supports (color:color-mix(in lab,red,red)){.hero-overlay{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent)}}.modal-box{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px #00000040}.stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:var(--color-base-content);flex-direction:row;align-self:stretch;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.divider{--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.divider:before,.divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.divider:before,.divider:after{border:.5px solid}}.divider:not(:empty){gap:1rem}.filter{flex-wrap:wrap;display:flex}.filter input[type=radio]{width:auto}.filter input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{--tw-content:"×";content:var(--tw-content)}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.label{white-space:nowrap;color:currentColor;align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.label{color:color-mix(in oklab,currentcolor 60%,transparent)}}.label:has(input){cursor:pointer}.label:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex}.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border)solid currentColor;margin-inline:-.75rem .75rem}@supports (color:color-mix(in lab,red,red)){.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000)}}.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border)solid currentColor;margin-inline:.75rem -.75rem}@supports (color:color-mix(in lab,red,red)){.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000)}}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto}.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex}:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li{align-items:center;display:flex}:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>*{cursor:pointer;align-items:center;gap:.5rem;display:flex}@media(hover:hover){:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:hover{text-decoration-line:underline}}:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:focus{outline-offset:2px;outline:2px solid #0000}}:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:focus-visible{outline-offset:2px;outline:2px solid}:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] :is(:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li)+:before{rotate:-135deg}.carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:var(--color-base-content);width:.5rem;height:.5rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.status{background-color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.status{vertical-align:middle;color:#0000004d;background-position:50%;background-repeat:no-repeat}@supports (color:color-mix(in lab,red,red)){.status{color:color-mix(in oklab,var(--color-black)30%,transparent)}}.status{background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab,red,red)){.status{box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000)}}.badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.tabs{--tabs-height:auto;--tabs-direction:row;--tab-height:calc(var(--size-field,.25rem)*10);height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>*{place-items:start;gap:.5rem;display:grid}.footer.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer.footer-center>*{place-items:center}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}.stat:not(:last-child){border-inline-end:var(--border)dashed currentColor}@supports (color:color-mix(in lab,red,red)){.stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}.stat:not(:last-child){border-block-end:none}.navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.card-body :where(p){flex-grow:1}.navbar-center{flex-shrink:0;align-items:center;display:inline-flex}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;display:inline-flex;overflow-x:scroll}@media(prefers-reduced-motion:no-preference){.carousel{scroll-behavior:smooth}}.carousel::-webkit-scrollbar{display:none}.alert{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px #000,0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}@supports (color:color-mix(in lab,red,red)){.alert{box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))}}.alert:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");column-gap:.75rem;padding-block:.25rem;display:grid}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.link:focus{outline-offset:2px;outline:2px solid #0000}}.link:focus-visible{outline-offset:2px;outline:2px solid}.menu-title{color:var(--color-base-content);padding-block:.5rem;padding-inline:.75rem}@supports (color:color-mix(in lab,red,red)){.menu-title{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}.menu-title{font-size:.875rem;font-weight:600}}@layer daisyui.modifier{.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:#0006}:is(.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal) .modal-box{opacity:1;translate:0;scale:1}:root:has(:is(.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll;animation-timeline:scroll()}@starting-style{.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal{opacity:0}}:where(.drawer-toggle:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto}:where(.drawer-toggle:checked~.drawer-side)>:not(.drawer-overlay){translate:0%}.drawer-toggle:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}.tooltip>.tooltip-content,.tooltip[data-tip]:before{transform:translate(-50%)translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off)50%}.tooltip:after{transform:translate(-50%)translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail)50%}.collapse-arrow>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg)}@media(prefers-reduced-motion:no-preference){.collapse-arrow>.collapse-title:after{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}.collapse-arrow>.collapse-title:after{content:"";transform-origin:75% 75%;pointer-events:none;top:50%;inset-inline-end:1.4rem;box-shadow:2px 2px}.btn:disabled:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn:disabled:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.btn:disabled:not(.btn-link,.btn-ghost){box-shadow:none}.btn:disabled{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn:disabled{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}@media(hover:hover){.btn:disabled:hover{pointer-events:none;background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.btn:disabled:hover{background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)}}.btn:disabled:hover{--btn-border:#0000;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn:disabled:hover{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.btn[disabled]:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn[disabled]:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.btn[disabled]:not(.btn-link,.btn-ghost){box-shadow:none}.btn[disabled]{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn[disabled]{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}@media(hover:hover){.btn[disabled]:hover{pointer-events:none;background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.btn[disabled]:hover{background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)}}.btn[disabled]:hover{--btn-border:#0000;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.btn[disabled]:hover{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}@media(prefers-reduced-motion:no-preference){.collapse[open].collapse-arrow>.collapse-title:after,.collapse.collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}.collapse.collapse-open.collapse-plus>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}:is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close),.collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,.collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}.collapse[open].collapse-plus>.collapse-title:after,.collapse[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,.collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}.collapse-open{grid-template-rows:max-content 1fr}.collapse-open>.collapse-content{content-visibility:visible;min-height:fit-content;padding-bottom:1rem}@supports not (content-visibility:visible){.collapse-open>.collapse-content{visibility:visible}}.list .list-row:has(.list-col-grow:first-child){--list-grid-cols:1fr}.list .list-row:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}.list .list-row:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}.list .list-row:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}.list .list-row:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}.list .list-row:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}.list .list-row>:not(.list-col-wrap){grid-row-start:1}.list\! .list-row:has(.list-col-grow:first-child){--list-grid-cols:1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr!important}.list\! .list-row>:not(.list-col-wrap){grid-row-start:1!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after,.steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.steps .step-primary+.step-primary:before,.steps .step-primary:after,.steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after,.steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.steps .step-accent+.step-accent:before,.steps .step-accent:after,.steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.steps .step-info+.step-info:before,.steps .step-info:after,.steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.steps .step-success+.step-success:before,.steps .step-success:after,.steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.steps .step-warning+.step-warning:before,.steps .step-warning:after,.steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.steps .step-error+.step-error:before,.steps .step-error:after,.steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.menu-horizontal{flex-direction:row;display:inline-flex}.menu-horizontal>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.menu-horizontal>li>details>ul:before{--tw-content:none;content:var(--tw-content)}:where(.menu-horizontal>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.checkbox:disabled,.radio:disabled{cursor:not-allowed;opacity:.2}.rating.rating-xs :where(:not(.rating-hidden)){width:1rem;height:1rem}.rating.rating-sm :where(:not(.rating-hidden)){width:1.25rem;height:1.25rem}.rating.rating-md :where(:not(.rating-hidden)){width:1.5rem;height:1.5rem}.rating.rating-lg :where(:not(.rating-hidden)){width:1.75rem;height:1.75rem}.rating.rating-xl :where(:not(.rating-hidden)){width:2rem;height:2rem}:where(.navbar){position:relative}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0}[dir=rtl] :is(.dropdown-end :where(.dropdown-content)){translate:0}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top}.dropdown-end.dropdown-left .dropdown-content{top:auto;bottom:0}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top}.dropdown-end.dropdown-right .dropdown-content{top:auto;bottom:0}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.btn-active{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab,red,red)){.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.btn-active{--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}:is(.stack,.stack.stack-bottom)>*{grid-area:3/3/6/4}:is(.stack,.stack.stack-bottom)>:nth-child(2){grid-area:2/2/5/5}:is(.stack,.stack.stack-bottom)>:first-child{grid-area:1/1/4/6}.stack.stack-top>*{grid-area:1/3/4/4}.stack.stack-top>:nth-child(2){grid-area:2/2/5/5}.stack.stack-top>:first-child{grid-area:3/1/6/6}.stack.stack-start>*{grid-area:3/1/4/4}.stack.stack-start>:nth-child(2){grid-area:2/2/5/5}.stack.stack-start>:first-child{grid-area:1/3/6/6}.stack.stack-end>*{grid-area:3/3/4/6}.stack.stack-end>:nth-child(2){grid-area:2/2/5/5}.stack.stack-end>:first-child{grid-area:1/1/6/4}.modal-bottom{place-items:end}.modal-bottom .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.btn-block{width:100%}.loading-lg{width:calc(var(--size-selector,.25rem)*7)}.loading-md{width:calc(var(--size-selector,.25rem)*6)}.loading-sm{width:calc(var(--size-selector,.25rem)*5)}.table-zebra tbody tr:where(:nth-child(2n)),.table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th){background-color:var(--color-base-200)}@media(hover:hover){:is(.table-zebra tbody tr.row-hover,.table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover{background-color:var(--color-base-300)}}.loading-spinner{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.alert-error{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}.alert-info{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}.checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}@media(hover:none){.btn-ghost:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;--btn-fg:currentColor}}.btn-outline:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media(hover:none){.btn-outline:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled,:checked){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.badge-error{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}.badge-info{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}.badge-neutral{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}.badge-primary{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}.focus\:input-primary:focus,.focus\:input-primary:focus:focus,.focus\:input-primary:focus:focus-within{--input-color:var(--color-primary)}}@layer daisyui.modifier.drawer{:where(.drawer-toggle:checked~.drawer-side){scrollbar-color:currentColor oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}@supports (color:color-mix(in lab,red,red)){:where(.drawer-toggle:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}}:where(:root:has(.drawer-toggle:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll;animation-timeline:scroll()}}.prose .btn{text-decoration-line:none}.pointer-events-none{pointer-events:none}.countdown.countdown{line-height:1em}.collapse:not(td,tr,colgroup){visibility:revert-layer}.collapse{visibility:collapse}.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)}.-top-3{top:calc(var(--spacing)*-3)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-16{top:calc(var(--spacing)*16)}.top-40{top:calc(var(--spacing)*40)}.top-\[73px\]{top:73px}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-1{z-index:1}.z-3{z-index:3}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-9998{z-index:9998}.z-9999,.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.col-4{grid-column:4}.col-6{grid-column:6}.col-12{grid-column:12}@layer daisyui.modifier.placement{.drawer-end{grid-auto-columns:auto max-content}.drawer-end>.drawer-toggle~.drawer-content{grid-column-start:1}.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2;justify-items:end}.drawer-end>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:100%}[dir=rtl] :is(.drawer-end>.drawer-toggle~.drawer-side>:not(.drawer-overlay)){translate:-100%}.drawer-end>.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}.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-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-12{margin-block:calc(var(--spacing)*12)}.join-item:where(:not(:first-child,:disabled,[disabled],.btn-disabled)){margin-block-start:0;margin-inline-start:calc(var(--border,1px)*-1)}.join-item:where(:is(:disabled,[disabled],.btn-disabled)){border-width:var(--border,1px)0 var(--border,1px)var(--border,1px)}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.71429}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.888889em;margin-bottom:.888889em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.33333em;margin-bottom:1.33333em;padding-inline-start:1.11111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.8em;font-size:2.14286em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:.8em;font-size:1.42857em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.55556em;margin-bottom:.444444em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.42857em;margin-bottom:.571429em;line-height:1.42857}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.142857em;padding-inline-end:.357143em;padding-bottom:.142857em;border-radius:.3125rem;padding-inline-start:.357143em;font-size:.857143em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;border-radius:.25rem;margin-top:1.66667em;margin-bottom:1.66667em;padding-inline-start:1em;font-size:.857143em;line-height:1.66667}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em;padding-inline-start:1.57143em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;margin-bottom:.285714em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.428571em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;padding-inline-start:1.57143em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.85714em;margin-bottom:2.85714em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.666667em;font-size:.857143em;line-height:1.33333}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.-mt-10{margin-top:calc(var(--spacing)*-10)}.-mt-24{margin-top:calc(var(--spacing)*-24)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.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-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-14{margin-top:calc(var(--spacing)*14)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-32{margin-top:calc(var(--spacing)*32)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.-mb-14{margin-bottom:calc(var(--spacing)*-14)}.-mb-20{margin-bottom:calc(var(--spacing)*-20)}.-mb-\[120px\]{margin-bottom:-120px}.-mb-\[200px\]{margin-bottom:-200px}.-mb-\[230px\]{margin-bottom:-230px}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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-16{margin-bottom:calc(var(--spacing)*16)}.mb-48{margin-bottom:calc(var(--spacing)*48)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200))}.join{--join-ss:0;--join-se:0;--join-es:0;--join-ee:0;align-items:stretch;display:inline-flex}.join :where(.join-item){border-start-start-radius:var(--join-ss,0);border-start-end-radius:var(--join-se,0);border-end-end-radius:var(--join-ee,0);border-end-start-radius:var(--join-es,0)}.join :where(.join-item) *{--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.join>.join-item:where(:first-child),.join :first-child:not(:last-child) :where(.join-item){--join-ss:var(--radius-field);--join-se:0;--join-es:var(--radius-field);--join-ee:0}.join>.join-item:where(:last-child),.join :last-child:not(:first-child) :where(.join-item){--join-ss:0;--join-se:var(--radius-field);--join-es:0;--join-ee:var(--radius-field)}.join>.join-item:where(:only-child),.join :only-child :where(.join-item){--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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}:root .prose{--tw-prose-body:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000)}}:root .prose{--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000)}}:root .prose{--tw-prose-hr:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000)}}:root .prose{--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)}}:root .prose{--tw-prose-captions:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000)}}:root .prose{--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000)}}:root .prose{--tw-prose-td-borders:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)}}:root .prose{--tw-prose-kbd:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root .prose{--tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)}}:root .prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border)solid var(--color-base-300);font-weight:inherit;padding-inline:.5em}:root .prose :where(code):not(pre>code):before,:root .prose :where(code):not(pre>code):after{display:none}.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}.aspect-3\/2{aspect-ratio:3/2}.aspect-4\/3{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\.5{height:calc(var(--spacing)*1.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)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-52{height:calc(var(--spacing)*52)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[25vh\]{height:25vh}.h-\[90px\]{height:90px}.h-\[125px\]{height:125px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[320px\]{height:320px}.h-\[384px\]{height:384px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[80px\]{min-height:80px}.min-h-\[120px\]{min-height:120px}.min-h-\[250px\]{min-height:250px}.min-h-\[300px\]{min-height:300px}.min-h-auto{min-height:auto}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.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\/12{width:91.6667%}.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-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-auto{width:auto}.w-full{width:100%}.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-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.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-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-\[250px\]{min-width:250px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;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-4{--tw-translate-x:calc(var(--spacing)*4);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)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.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-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.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{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.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-9{gap:calc(var(--spacing)*9)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}: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-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-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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*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-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-6{row-gap:calc(var(--spacing)*6)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-box{border-radius:var(--radius-box)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.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-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-base-200{border-color:var(--color-base-200)}.border-base-300{border-color:var(--color-base-300)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-600{border-color:var(--color-green-600)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-primary{border-color:var(--color-primary)}.border-red-200{border-color:var(--color-red-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-900{border-color:var(--color-slate-900)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.border-white\/70{border-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.glass{-webkit-backdrop-filter:blur(var(--glass-blur,40px));backdrop-filter:blur(var(--glass-blur,40px));background-color:#0000;background-image:linear-gradient(135deg,oklch(100% 0 0/var(--glass-opacity,30%)),#0000),linear-gradient(var(--glass-reflect-degree,100deg),oklch(100% 0 0/var(--glass-reflect-opacity,5%))25%,oklch(0% 0 0/0) 25%);box-shadow:0 0 0 1px oklch(100% 0 0/var(--glass-border-opacity,20%)) inset,0 0 0 2px #0000000d;text-shadow:0 1px oklch(0% 0 0/var(--glass-text-shadow-opacity,5%));border:none}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-base-100,.bg-base-100\/95{background-color:var(--color-base-100)}@supports (color:color-mix(in lab,red,red)){.bg-base-100\/95{background-color:color-mix(in oklab,var(--color-base-100)95%,transparent)}}.bg-base-200,.bg-base-200\/50{background-color:var(--color-base-200)}@supports (color:color-mix(in lab,red,red)){.bg-base-200\/50{background-color:color-mix(in oklab,var(--color-base-200)50%,transparent)}}.bg-base-200\/60{background-color:var(--color-base-200)}@supports (color:color-mix(in lab,red,red)){.bg-base-200\/60{background-color:color-mix(in oklab,var(--color-base-200)60%,transparent)}}.bg-base-300{background-color:var(--color-base-300)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-error{background-color:var(--color-error)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-info{background-color:var(--color-info)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-primary{background-color:var(--color-primary)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.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-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-base-100{--tw-gradient-from:var(--color-base-100);--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-black\/0{--tw-gradient-from:#0000}@supports (color:color-mix(in lab,red,red)){.from-black\/0{--tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent)}}.from-black\/0{--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-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black)60%,transparent)}}.from-black\/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))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--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-green-600{--tw-gradient-from:var(--color-green-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))}.from-purple-100{--tw-gradient-from:var(--color-purple-100);--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-purple-500{--tw-gradient-from:var(--color-purple-500);--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-slate-900{--tw-gradient-from:var(--color-slate-900);--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-teal-50{--tw-gradient-from:var(--color-teal-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(--tw-gradient-to-position))}.from-teal-600{--tw-gradient-from:var(--color-teal-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))}.from-white{--tw-gradient-from:var(--color-white);--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-black\/30{--tw-gradient-via:#0000004d}@supports (color:color-mix(in lab,red,red)){.via-black\/30{--tw-gradient-via:color-mix(in oklab,var(--color-black)30%,transparent)}}.via-black\/30{--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\/60{--tw-gradient-via:#0009}@supports (color:color-mix(in lab,red,red)){.via-black\/60{--tw-gradient-via:color-mix(in oklab,var(--color-black)60%,transparent)}}.via-black\/60{--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-base-200{--tw-gradient-to:var(--color-base-200);--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-black\/95{--tw-gradient-to:#000000f2}@supports (color:color-mix(in lab,red,red)){.to-black\/95{--tw-gradient-to:color-mix(in oklab,var(--color-black)95%,transparent)}}.to-black\/95{--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-blue-100{--tw-gradient-to:var(--color-blue-100);--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-emerald-50{--tw-gradient-to:var(--color-emerald-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(--tw-gradient-to-position))}.to-emerald-700{--tw-gradient-to:var(--color-emerald-700);--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-green-700{--tw-gradient-to:var(--color-green-700);--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-purple-700{--tw-gradient-to:var(--color-purple-700);--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-slate-800{--tw-gradient-to:var(--color-slate-800);--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-\[linear-gradient\(to_right\,transparent_0\,black_64px\,black_calc\(100\%-64px\)\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 64px calc(100% - 64px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 64px calc(100% - 64px),#0000)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.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)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.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-20{padding-block:calc(var(--spacing)*20)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.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-14{padding-top:calc(var(--spacing)*14)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-30{padding-top:calc(var(--spacing)*30)}.pt-32{padding-top:calc(var(--spacing)*32)}.pt-40{padding-top:calc(var(--spacing)*40)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.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-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-40{padding-bottom:calc(var(--spacing)*40)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.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-\[11px\]{font-size:11px}.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-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-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[\#238b53\]{color:#238b53}.text-base-content,.text-base-content\/40{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/40{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}.text-base-content\/50{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/50{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}.text-base-content\/60{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}.text-base-content\/70{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,transparent)}}.text-base-content\/80{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}}.text-base-content\/90{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/90{color:color-mix(in oklab,var(--color-base-content)90%,transparent)}}.text-blue-100{color:var(--color-blue-100)}.text-blue-300{color:var(--color-blue-300)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-error{color:var(--color-error)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-100{color:var(--color-green-100)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-900{color:var(--color-indigo-900)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-300{color:var(--color-neutral-300)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-red-600{color:var(--color-red-600)}.text-slate-200{color:var(--color-slate-200)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-500\/90{color:#62748ee6}@supports (color:color-mix(in lab,red,red)){.text-slate-500\/90{color:color-mix(in oklab,var(--color-slate-500)90%,transparent)}}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white)95%,transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-none{--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)}.shadow-sm{--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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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-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-primary{--tw-ring-color:var(--color-primary)}.ring-slate-100{--tw-ring-color:var(--color-slate-100)}.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,)}.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,)}.sepia{--tw-sepia:sepia(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-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-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-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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.prose-slate{--tw-prose-body:oklch(37.2% .044 257.287);--tw-prose-headings:oklch(20.8% .042 265.755);--tw-prose-lead:oklch(44.6% .043 257.281);--tw-prose-links:oklch(20.8% .042 265.755);--tw-prose-bold:oklch(20.8% .042 265.755);--tw-prose-counters:oklch(55.4% .046 257.417);--tw-prose-bullets:oklch(86.9% .022 252.894);--tw-prose-hr:oklch(92.9% .013 255.508);--tw-prose-quotes:oklch(20.8% .042 265.755);--tw-prose-quote-borders:oklch(92.9% .013 255.508);--tw-prose-captions:oklch(55.4% .046 257.417);--tw-prose-kbd:oklch(20.8% .042 265.755);--tw-prose-kbd-shadows:oklab(20.8% -.00310889 -.0418848/.1);--tw-prose-code:oklch(20.8% .042 265.755);--tw-prose-pre-code:oklch(92.9% .013 255.508);--tw-prose-pre-bg:oklch(27.9% .041 260.031);--tw-prose-th-borders:oklch(86.9% .022 252.894);--tw-prose-td-borders:oklch(92.9% .013 255.508);--tw-prose-invert-body:oklch(86.9% .022 252.894);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.4% .04 256.788);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.4% .04 256.788);--tw-prose-invert-bullets:oklch(44.6% .043 257.281);--tw-prose-invert-hr:oklch(37.2% .044 257.287);--tw-prose-invert-quotes:oklch(96.8% .007 247.896);--tw-prose-invert-quote-borders:oklch(37.2% .044 257.287);--tw-prose-invert-captions:oklch(70.4% .04 256.788);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(86.9% .022 252.894);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .043 257.281);--tw-prose-invert-td-borders:oklch(37.2% .044 257.287)}@layer daisyui.modifier.color{.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}:is(.\*\:visible>*){visibility:visible}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.group-open\:rounded-b-none:is(:where(.group):is([open],:popover-open,:open) *){border-bottom-right-radius:0;border-bottom-left-radius:0}.group-open\:bg-gray-50:is(:where(.group):is([open],:popover-open,:open) *){background-color:var(--color-gray-50)}.group-open\/sub\:rotate-180:is(:where(.group\/sub):is([open],:popover-open,:open) *){rotate:180deg}.group-open\/sub\:text-primary:is(:where(.group\/sub):is([open],:popover-open,:open) *){color:var(--color-primary)}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);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\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:text-blue-700:is(:where(.group):hover *){color:var(--color-blue-700)}.group-hover\:text-blue-800:is(:where(.group):hover *){color:var(--color-blue-800)}.group-hover\:text-indigo-700:is(:where(.group):hover *){color:var(--color-indigo-700)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:ring-blue-200:is(:where(.group):hover *){--tw-ring-color:var(--color-blue-200)}}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media(hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:gap-2:hover{gap:calc(var(--spacing)*2)}.hover\:border-green-600:hover{border-color:var(--color-green-600)}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:bg-base-200:hover{background-color:var(--color-base-200)}.hover\:bg-base-300:hover{background-color:var(--color-base-300)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-primary:hover,.hover\:bg-primary\/20:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-teal-700:hover{background-color:var(--color-teal-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:from-purple-200:hover{--tw-gradient-from:var(--color-purple-200);--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))}.hover\:to-blue-200:hover{--tw-gradient-to:var(--color-blue-200);--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))}.hover\:text-\[\#1a6b40\]:hover{color:#1a6b40}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:text-green-600:hover{color:var(--color-green-600)}.hover\:text-green-700:hover{color:var(--color-green-700)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-primary:focus{border-color:var(--color-primary)}.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-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-primary\/40:focus{--tw-ring-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-0:disabled{opacity:0}@media(min-width:40rem){.sm\:inline{display:inline}@layer daisyui.modifier{.sm\:modal-middle{place-items:center}.sm\:modal-middle .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.sm\:w-32{width:calc(var(--spacing)*32)}.sm\:w-44{width:calc(var(--spacing)*44)}.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\:gap-5{gap:calc(var(--spacing)*5)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-x-6{column-gap:calc(var(--spacing)*6)}.sm\:gap-y-8{row-gap:calc(var(--spacing)*8)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:-mb-10{margin-bottom:calc(var(--spacing)*-10)}.md\:-mb-\[230px\]{margin-bottom:-230px}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:h-16{height:calc(var(--spacing)*16)}.md\:h-\[360px\]{height:360px}.md\:h-auto{height:auto}.md\:w-16{width:calc(var(--spacing)*16)}.md\:w-\[250px\]{width:250px}.md\:max-w-sm{max-width:var(--container-sm)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-20{top:calc(var(--spacing)*20)}.lg\:top-24{top:calc(var(--spacing)*24)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mx-auto{margin-inline:auto}.lg\:prose-base{font-size:1rem;line-height:1.75}.lg\:prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.lg\:prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.lg\:prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.lg\:prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.888889em;font-size:2.25em;line-height:1.11111}.lg\:prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:1em;font-size:1.5em;line-height:1.33333}.lg\:prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;line-height:1.6}.lg\:prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.lg\:prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-size:.875em}.lg\:prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.lg\:prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.lg\:prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;line-height:1.71429}.lg\:prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.lg\:prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.lg\:prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.lg\:prose-base :where(.lg\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.lg\:prose-base :where(.lg\:prose-base>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.lg\:prose-base :where(.lg\:prose-base>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.lg\:prose-base :where(.lg\:prose-base>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.lg\:prose-base :where(.lg\:prose-base>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.lg\:prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.lg\:prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.lg\:prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.lg\:prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.lg\:prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.lg\:prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.lg\:prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.71429}.lg\:prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.lg\:prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\:prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\:prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.lg\:prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\:prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\:prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.857143em;font-size:.875em;line-height:1.42857}.lg\:prose-base :where(.lg\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-base :where(.lg\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-6{margin-top:calc(var(--spacing)*6)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mt-32{margin-top:calc(var(--spacing)*32)}.lg\:mt-40{margin-top:calc(var(--spacing)*40)}.lg\:-mb-4{margin-bottom:calc(var(--spacing)*-4)}.lg\:-mb-24{margin-bottom:calc(var(--spacing)*-24)}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-2{margin-bottom:calc(var(--spacing)*2)}.lg\:mb-4{margin-bottom:calc(var(--spacing)*4)}.lg\:mb-5{margin-bottom:calc(var(--spacing)*5)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:mb-8{margin-bottom:calc(var(--spacing)*8)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:hidden\!{display:none!important}.lg\:inline{display:inline}.lg\:h-14{height:calc(var(--spacing)*14)}.lg\:h-16{height:calc(var(--spacing)*16)}.lg\:h-20{height:calc(var(--spacing)*20)}.lg\:h-24{height:calc(var(--spacing)*24)}.lg\:h-32{height:calc(var(--spacing)*32)}.lg\:h-72{height:calc(var(--spacing)*72)}.lg\:h-96{height:calc(var(--spacing)*96)}.lg\:h-\[380px\]{height:380px}.lg\:min-h-\[400px\]{min-height:400px}.lg\:w-20{width:calc(var(--spacing)*20)}.lg\:w-24{width:calc(var(--spacing)*24)}.lg\:w-32{width:calc(var(--spacing)*32)}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:max-w-\[150px\]{max-width:150px}.lg\:max-w-\[300px\]{max-width:300px}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,380px\)\]{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:gap-0{gap:calc(var(--spacing)*0)}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-10{gap:calc(var(--spacing)*10)}.lg\:gap-12{gap:calc(var(--spacing)*12)}:where(.lg\: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(.lg\: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(.lg\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.lg\:self-start{align-self:flex-start}.lg\:justify-self-end{justify-self:flex-end}.lg\:overflow-visible{overflow:visible}.lg\:overflow-x-visible{overflow-x:visible}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-3{padding-inline:calc(var(--spacing)*3)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:py-3{padding-block:calc(var(--spacing)*3)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:py-14{padding-block:calc(var(--spacing)*14)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pt-3{padding-top:calc(var(--spacing)*3)}.lg\:pt-6{padding-top:calc(var(--spacing)*6)}.lg\:pt-12{padding-top:calc(var(--spacing)*12)}.lg\:pt-14{padding-top:calc(var(--spacing)*14)}.lg\:pt-16{padding-top:calc(var(--spacing)*16)}.lg\:pt-24{padding-top:calc(var(--spacing)*24)}.lg\:pt-36{padding-top:calc(var(--spacing)*36)}.lg\:pb-3{padding-bottom:calc(var(--spacing)*3)}.lg\:pb-8{padding-bottom:calc(var(--spacing)*8)}.lg\:pb-10{padding-bottom:calc(var(--spacing)*10)}.lg\:pb-16{padding-bottom:calc(var(--spacing)*16)}.lg\:pb-30{padding-bottom:calc(var(--spacing)*30)}.lg\:pl-8{padding-left:calc(var(--spacing)*8)}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.lg\:whitespace-normal{white-space:normal}}@media(min-width:80rem){.xl\:gap-12{gap:calc(var(--spacing)*12)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.\[\&_img\]\:max-w-none img{max-width:none}.\[\&_li\]\:mx-4 li{margin-inline:calc(var(--spacing)*4)}@media(min-width:64rem){.lg\:\[\&_li\]\:mx-8 li{margin-inline:calc(var(--spacing)*8)}}.\[\&\>p\]\:mb-4>p{margin-bottom:calc(var(--spacing)*4)}.\[\&\>p\]\:leading-relaxed>p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&\>p\]\:text-slate-700>p{color:var(--color-slate-700)}.\[\&\>strong\]\:font-bold>strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&\>strong\]\:text-slate-900>strong{color:var(--color-slate-900)}}.trigger-signup.btn,button.trigger-signup,a.trigger-signup{color:#fff;background-color:#218b43;border-color:#218b43;box-shadow:0 10px 24px #00000059}.trigger-signup.btn:hover,button.trigger-signup:hover,a.trigger-signup:hover{background-color:#1a6f35;border-color:#1a6f35;box-shadow:0 14px 32px #00000073}html{color-scheme:light only!important}html,body{width:100%;overflow-x:hidden}nav{width:100%}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.swiper-pagination{text-align:center;margin-top:1rem;position:static}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{position:static!important}.phone-frame{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:50px;width:340px;height:680px;margin:0 auto;padding:15px;position:relative;box-shadow:0 0 0 3px #333,0 0 0 6px #1a1a1a,inset 0 1px 2px #ffffff1a}.phone-frame-shadow{box-shadow:0 0 0 3px #333,0 0 0 6px #1a1a1a,0 30px 90px #0009,inset 0 1px 2px #ffffff1a}@media(max-width:480px){.phone-frame{width:320px;height:640px;padding:12px}}.phone-frame:before{content:"";z-index:3;background:#000;border-radius:0 0 20px 20px;width:180px;height:32px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 4px #ffffff0d,0 2px 8px #0000004d}.phone-frame:after{content:"";z-index:4;background:radial-gradient(circle,#1a3a5a 30%,#0a1a2a 70%);border-radius:50%;width:12px;height:12px;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #0a0a0a,inset 0 1px 2px #fff3}.phone-screen{background:#000;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.video-overlay{z-index:2;background:linear-gradient(#00000059,#000000bf,#000000d9,#00000040);position:absolute;inset:0}.video-bg iframe,.video-bg .bg-video-element{pointer-events:none;object-fit:cover;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-modal{background:0 0;border:none;border-radius:16px;width:90vw;max-width:min(90vw,1200px);margin:auto;padding:0;box-shadow:0 25px 50px -12px #00000080}.video-modal:not([open]){display:none}.video-modal::backdrop{background:#000000d9}.modal-video-wrapper{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative}.modal-video-wrapper iframe,.modal-video-wrapper .modal-video-player{object-fit:contain;border:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes dropdown{0%{opacity:0}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-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%}@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-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-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}
@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-infinite-scroll[data-astro-cid-of2dwe7y]{animation:infinite-scroll 25s linear infinite}
.login-step[data-astro-cid-4iwzqplc]{display:none;animation:slideIn .3s ease-out}.login-step[data-astro-cid-4iwzqplc]:not(.hidden){display:block}#login-modal[data-astro-cid-4iwzqplc] input[data-astro-cid-4iwzqplc]:focus{outline:none;box-shadow:none}.signup-step[data-astro-cid-uc2ui6qy]{display:none;animation:slideIn .3s ease-out}.signup-step[data-astro-cid-uc2ui6qy]:not(.hidden){display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group[data-astro-cid-uc2ui6qy]{display:block}#full-page-overlay[data-astro-cid-uc2ui6qy] input[data-astro-cid-uc2ui6qy]:focus{outline:none;box-shadow:none}
.hero-bg[data-astro-cid-lhnbf22g]{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out}.hero-bg[data-astro-cid-lhnbf22g].active{opacity:1}.hero-bg[data-astro-cid-lhnbf22g] img[data-astro-cid-lhnbf22g]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg[data-astro-cid-lhnbf22g]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to bottom,#00000059,#000000bf,#000000d9,#00000040)}.hero-headline[data-astro-cid-lhnbf22g]{position:absolute;top:0;left:0;opacity:0;transition:opacity .05s ease-in-out;display:block;font-size:64px}.hero-headline[data-astro-cid-lhnbf22g].active{opacity:1;position:relative}.hero-headline[data-astro-cid-lhnbf22g].fading-out{opacity:0}.hero-headline-suffix[data-astro-cid-lhnbf22g]{font-size:60px;font-weight:300}@media(max-width:767px){h1[data-astro-cid-lhnbf22g]{font-size:18px;padding:12px 0}.hero-headline[data-astro-cid-lhnbf22g]{font-size:32px;padding:0;margin:0}.hero-headline-suffix[data-astro-cid-lhnbf22g]{font-size:28px}}.hero-buttons[data-astro-cid-lhnbf22g] .btn-secondary[data-astro-cid-lhnbf22g]{background:#4caf50;border:none}.hero-buttons[data-astro-cid-lhnbf22g] .btn-secondary[data-astro-cid-lhnbf22g]:hover{background:#45a049}.hero-buttons[data-astro-cid-lhnbf22g] .btn-outline[data-astro-cid-lhnbf22g]:hover{background:transparent;text-decoration:underline}.hero-screenshot[data-astro-cid-7xd7yi2v]{position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(100%);opacity:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.hero-screenshot[data-astro-cid-7xd7yi2v].active{transform:translate(0);opacity:1}.hero-screenshot[data-astro-cid-7xd7yi2v].exiting{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.hero-screenshot[data-astro-cid-7xd7yi2v]{transition:transform .2s ease,opacity .2s ease}}
.static[data-astro-cid-5blmo7yk]{position:static!important}.dropdown-content[data-astro-cid-5blmo7yk]{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)!important;pointer-events:none}.dropdown-content[data-astro-cid-5blmo7yk].block{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.mega-menu-glass[data-astro-cid-5blmo7yk]{background:#fffffffa;backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mega-menu-inner[data-astro-cid-5blmo7yk]{min-height:320px}.nav-link-hover[data-astro-cid-5blmo7yk]{position:relative;transition:color .2s ease}.nav-link-hover[data-astro-cid-5blmo7yk]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width .2s ease}.nav-link-hover[data-astro-cid-5blmo7yk]:hover:after{width:100%}.mega-menu-col[data-astro-cid-5blmo7yk]{position:relative;padding-left:1.5rem;border-left:1px solid rgba(0,0,0,.05)}.mega-menu-col[data-astro-cid-5blmo7yk]:first-child{padding-left:0;border-left:none}.drawer-side[data-astro-cid-5blmo7yk] .menu[data-astro-cid-5blmo7yk]{background:#fff;box-shadow:-10px 0 30px #0000000d}.drawer[data-astro-cid-5blmo7yk].drawer-end .drawer-side[data-astro-cid-5blmo7yk]{inset:4rem 0 0}.drawer[data-astro-cid-5blmo7yk].drawer-end .drawer-side[data-astro-cid-5blmo7yk]>div[data-astro-cid-5blmo7yk]{width:100%!important;max-width:100%!important;height:calc(100vh - 4rem);transform:none!important;opacity:0;transition:opacity .35s ease-in-out;overflow-y:auto}#mobile-drawer[data-astro-cid-5blmo7yk]:checked~.drawer-side[data-astro-cid-5blmo7yk]>div[data-astro-cid-5blmo7yk]{opacity:1}.drawer[data-astro-cid-5blmo7yk].drawer-end .drawer-side[data-astro-cid-5blmo7yk] .drawer-overlay[data-astro-cid-5blmo7yk]{transition:background-color .35s ease-in-out;background-color:#0000}#mobile-drawer[data-astro-cid-5blmo7yk]:checked~.drawer-side[data-astro-cid-5blmo7yk] .drawer-overlay[data-astro-cid-5blmo7yk]{background-color:#0000004d}.mobile-nav-item[data-astro-cid-5blmo7yk] details[data-astro-cid-5blmo7yk]>ul[data-astro-cid-5blmo7yk],.mobile-nav-item[data-astro-cid-5blmo7yk] details[data-astro-cid-5blmo7yk]>div[data-astro-cid-5blmo7yk]>ul[data-astro-cid-5blmo7yk]{max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height .3s ease,opacity .24s ease,transform .24s ease}.mobile-nav-item[data-astro-cid-5blmo7yk] details[data-astro-cid-5blmo7yk][open]>ul[data-astro-cid-5blmo7yk],.mobile-nav-item[data-astro-cid-5blmo7yk] details[data-astro-cid-5blmo7yk][open]>div[data-astro-cid-5blmo7yk]>ul[data-astro-cid-5blmo7yk]{max-height:600px;opacity:1;transform:translateY(0)}.menu-toggle[data-astro-cid-5blmo7yk]{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-toggle[data-astro-cid-5blmo7yk]:focus{outline:none;box-shadow:none}.menu-toggle[data-astro-cid-5blmo7yk]:focus-visible{outline:none;box-shadow:none}.hamburger[data-astro-cid-5blmo7yk]{width:24px;height:24px;position:relative}.hamburger[data-astro-cid-5blmo7yk] .bar[data-astro-cid-5blmo7yk]{width:24px;height:2.5px;background-color:#4b5563;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}.hamburger[data-astro-cid-5blmo7yk] .bar1[data-astro-cid-5blmo7yk]{top:0}.hamburger[data-astro-cid-5blmo7yk] .bar2[data-astro-cid-5blmo7yk],.hamburger[data-astro-cid-5blmo7yk] .bar3[data-astro-cid-5blmo7yk]{top:10.5px}.hamburger[data-astro-cid-5blmo7yk] .bar3[data-astro-cid-5blmo7yk]{right:0}.hamburger[data-astro-cid-5blmo7yk] .bar4[data-astro-cid-5blmo7yk]{bottom:0}.hamburger3[data-astro-cid-5blmo7yk] .bar2[data-astro-cid-5blmo7yk],.hamburger3[data-astro-cid-5blmo7yk] .bar3[data-astro-cid-5blmo7yk]{transform-origin:50% 50%}.menu-toggle[data-astro-cid-5blmo7yk].open .hamburger3[data-astro-cid-5blmo7yk] .bar1[data-astro-cid-5blmo7yk]{transform:translate(32px);background-color:transparent}.menu-toggle[data-astro-cid-5blmo7yk].open .hamburger3[data-astro-cid-5blmo7yk] .bar2[data-astro-cid-5blmo7yk]{transform:rotate(45deg)}.menu-toggle[data-astro-cid-5blmo7yk].open .hamburger3[data-astro-cid-5blmo7yk] .bar3[data-astro-cid-5blmo7yk]{transform:rotate(-45deg)}.menu-toggle[data-astro-cid-5blmo7yk].open .hamburger3[data-astro-cid-5blmo7yk] .bar4[data-astro-cid-5blmo7yk]{transform:translate(-32px);background-color:transparent}.mobile-nav-item[data-astro-cid-5blmo7yk]{border-radius:8px;margin-bottom:4px;transition:background-color .2s ease}.mobile-nav-item[data-astro-cid-5blmo7yk]:active{background-color:#0000000d}.menu-icon-container[data-astro-cid-5blmo7yk]{display:inline-block;width:1rem;height:1rem;position:relative;margin-left:.25rem}.menu-icon-container[data-astro-cid-5blmo7yk] svg[data-astro-cid-5blmo7yk]{position:absolute;top:0;left:0;transition:opacity .3s ease,transform .3s ease}.menu-item[data-astro-cid-5blmo7yk] .chevron-down[data-astro-cid-5blmo7yk]{opacity:1;transform:rotate(0)}.menu-item[data-astro-cid-5blmo7yk] .chevron-x[data-astro-cid-5blmo7yk]{opacity:0;transform:rotate(-90deg)}.menu-item[data-astro-cid-5blmo7yk].active .chevron-down[data-astro-cid-5blmo7yk]{opacity:0;transform:rotate(90deg)}.menu-item[data-astro-cid-5blmo7yk].active .chevron-x[data-astro-cid-5blmo7yk]{opacity:1;transform:rotate(0)}body.blur-active{overflow-x:hidden}body.blur-active>[data-astro-cid-5blmo7yk]:not(.drawer):not(#login-modal):not(#full-page-overlay):not(#team-selector-modal):not(#logged-in-user-warning-modal):not(#club-team-selector-modal):not(script):not(style){filter:blur(4px);transition:filter .3s ease}@media(max-width:1023px){#user-nav-container[data-astro-cid-5blmo7yk],#logout-nav-item[data-astro-cid-5blmo7yk],#login-nav-item[data-astro-cid-5blmo7yk],#user-name-link[data-astro-cid-5blmo7yk]{display:none!important}}@media(min-width:1024px){#user-nav-container[data-astro-cid-5blmo7yk] .open-login-modal[data-astro-cid-5blmo7yk]{display:none!important}}@media(min-width:1024px){#mobile-menu-toggle[data-astro-cid-5blmo7yk]{display:none!important}}li[data-astro-cid-5blmo7yk].static .dropdown-content[data-astro-cid-5blmo7yk].block{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100vw;z-index:1000}
:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2);button&{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:.2s transform,.2s left}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}
@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
.video-hero-section[data-astro-cid-ux2kju4p]{position:relative;width:100%;min-height:320px;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;background:#000;z-index:0;padding:3rem 0}@media(min-width:768px){.video-hero-section[data-astro-cid-ux2kju4p]{min-height:380px;padding:4rem 0}}.video-bg[data-astro-cid-ux2kju4p]{position:absolute;inset:0;z-index:0}.video-poster[data-astro-cid-ux2kju4p]{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1;opacity:0;animation:fadeOut 1s ease-in 2s forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.content-with-mockup[data-astro-cid-ux2kju4p]{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:2rem;width:100%}.content-wrapper[data-astro-cid-ux2kju4p]{position:relative;z-index:10;padding:2rem 1rem;max-width:700px;text-align:center}.mockup-wrapper[data-astro-cid-ux2kju4p]{display:none;position:relative;z-index:10}.video-hero-section[data-astro-cid-ux2kju4p] h1[data-astro-cid-ux2kju4p].hero-title{padding-top:60px}.mockup-wrapper[data-astro-cid-ux2kju4p]:empty{display:none}@media(min-width:1024px){.content-wrapper[data-astro-cid-ux2kju4p]{text-align:center;flex:1}.mockup-wrapper[data-astro-cid-ux2kju4p]{display:block;flex-shrink:0}.mockup-wrapper[data-astro-cid-ux2kju4p]:empty{display:none}}.hero-title[data-astro-cid-ux2kju4p]{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.8);line-height:1.2}.hero-description[data-astro-cid-ux2kju4p]{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2.5rem;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.play-btn[data-astro-cid-ux2kju4p]{background:none;border:none;cursor:pointer;transition:transform .3s ease,filter .3s ease;padding:0;display:inline-flex;align-items:center;justify-content:center}.play-btn[data-astro-cid-ux2kju4p]:hover{transform:scale(1.15);filter:drop-shadow(0 8px 16px rgba(220,38,38,.5))}.play-btn[data-astro-cid-ux2kju4p]:active{transform:scale(1.05)}.play-icon[data-astro-cid-ux2kju4p]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.sr-only[data-astro-cid-ux2kju4p]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-content[data-astro-cid-ux2kju4p]{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden}.modal-content[data-astro-cid-ux2kju4p] .close-btn[data-astro-cid-ux2kju4p]{position:absolute;top:.75rem;right:.75rem;width:3rem;height:3rem;background:#dc2626f2;color:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.close-btn[data-astro-cid-ux2kju4p]:hover{background:#b91c1c;transform:scale(1.1)}.close-btn[data-astro-cid-ux2kju4p] svg[data-astro-cid-ux2kju4p]{width:20px;height:20px}@media(max-width:768px){.video-hero-section[data-astro-cid-ux2kju4p]{min-height:400px;height:400px}.content-wrapper[data-astro-cid-ux2kju4p]{padding:1.5rem 1rem}.play-btn[data-astro-cid-ux2kju4p]:hover{transform:scale(1.1)}.video-modal[data-astro-cid-ux2kju4p]{width:95vw;max-width:95vw}.close-btn[data-astro-cid-ux2kju4p]{top:.5rem;right:.5rem;width:2.5rem;height:2.5rem}}@media(prefers-reduced-motion:reduce){.play-btn[data-astro-cid-ux2kju4p],.close-btn[data-astro-cid-ux2kju4p]{transition:none}.play-btn[data-astro-cid-ux2kju4p]:hover{transform:scale(1.05)}}
.logos-track[data-astro-cid-tegb73yx]{display:flex;animation:scroll 60s linear infinite;width:max-content}.logos-track[data-astro-cid-tegb73yx]:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-item[data-astro-cid-tegb73yx]{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 1.75rem}.logo-item[data-astro-cid-tegb73yx] img[data-astro-cid-tegb73yx]{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(20%);opacity:.9;transition:all .3s ease}.logo-item[data-astro-cid-tegb73yx]:hover img[data-astro-cid-tegb73yx]{filter:grayscale(0%);opacity:1;transform:scale(1.1)}@media(min-width:768px){.logo-item[data-astro-cid-tegb73yx]{width:72px;height:72px;margin:0 2.25rem}}
.image-card[data-astro-cid-x4g36ggu]{position:relative;border-radius:1rem;overflow:hidden;text-align:center;height:220px}.image-card[data-astro-cid-x4g36ggu] img[data-astro-cid-x4g36ggu]{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .4s ease-out}.image-card[data-astro-cid-x4g36ggu]:before{content:"";position:absolute;inset:0;background:#00000040;transition:background .3s ease;z-index:1}.image-card[data-astro-cid-x4g36ggu]:hover:before{background:#00000026}.image-card[data-astro-cid-x4g36ggu]:hover img[data-astro-cid-x4g36ggu]{transform:scale(1.05)}.image-card[data-astro-cid-x4g36ggu] h3[data-astro-cid-x4g36ggu]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}
.laptop-frame[data-astro-cid-ptqbfvrg]{position:relative;width:800px;margin:0 auto;padding:12px 12px 0;border-radius:8px 8px 0 0;background:#1a1a1a}.laptop-screen[data-astro-cid-ptqbfvrg]{position:relative;width:100%;padding-bottom:62.5%;background:#000;overflow:hidden}.laptop-base[data-astro-cid-ptqbfvrg]{position:relative;width:110%;height:16px;margin:0 -5%;background:#1a1a1a;border-radius:0 0 6px 6px}.laptop-base[data-astro-cid-ptqbfvrg]:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#2a2a2a;border-radius:2px 2px 0 0}.tablet-frame[data-astro-cid-aovdocaw]{position:relative;width:280px;height:380px;margin:0 auto;padding:12px;border-radius:12px;background:#1a1a1a}.tablet-screen[data-astro-cid-aovdocaw]{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.device-showcase-container[data-astro-cid-5svpmbcj]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--container-height-mobile)}.device-wrapper[data-astro-cid-5svpmbcj]{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--x-offset-mobile)),calc(-50% + var(--y-offset-mobile))) scale(var(--mobile-scale));z-index:var(--z-index);max-height:450px;margin-top:var(--margin-top-mobile, 0px)}.device-wrapper[data-astro-cid-5svpmbcj].hide-mobile{display:none}@media(min-width:1024px){.device-showcase-container[data-astro-cid-5svpmbcj]{min-height:var(--container-height-desktop)}.device-wrapper[data-astro-cid-5svpmbcj]{transform:translate(calc(-50% + var(--x-offset-desktop)),calc(-50% + var(--y-offset-desktop))) scale(var(--desktop-scale));max-height:none;margin-top:var(--margin-top-desktop, 0px)}.device-wrapper[data-astro-cid-5svpmbcj].hide-mobile{display:block}}
.phone-frame-single[data-astro-cid-esjtk2be]{position:relative;width:340px;height:680px;margin:0 auto;padding:15px;border-radius:50px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)}.phone-frame-single[data-astro-cid-esjtk2be]:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:180px;height:32px;background:#000;border-radius:0 0 20px 20px;z-index:3}.phone-frame-single[data-astro-cid-esjtk2be]:after{content:"";position:absolute;top:28px;left:50%;transform:translate(-50%);width:12px;height:12px;background:radial-gradient(circle,#1a3a5a 30%,#0a1a2a 70%);border-radius:50%;z-index:4}.phone-screen-single[data-astro-cid-esjtk2be]{position:relative;width:100%;height:100%;background:#000;border-radius:38px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.phone-frame-video[data-astro-cid-wc5sb4d6]{position:relative;width:340px;height:680px;margin:0 auto;padding:15px;border-radius:50px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)}.phone-frame-video[data-astro-cid-wc5sb4d6]:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:180px;height:32px;background:#000;border-radius:0 0 20px 20px;z-index:3}.phone-frame-video[data-astro-cid-wc5sb4d6]:after{content:"";position:absolute;top:28px;left:50%;transform:translate(-50%);width:12px;height:12px;background:radial-gradient(circle,#1a3a5a 30%,#0a1a2a 70%);border-radius:50%;z-index:4}.phone-screen-video[data-astro-cid-wc5sb4d6]{position:relative;width:100%;height:100%;background:#000;border-radius:38px;overflow:hidden}.phone-screen-video[data-astro-cid-wc5sb4d6] video[data-astro-cid-wc5sb4d6]{width:100%;height:100%;object-fit:contain}
</style><style>[data-astro-transition-scope="astro-ckyjbznl-1"] { view-transition-name: astro-ckyjbznl-1; }@layer astro { ::view-transition-old(astro-ckyjbznl-1) { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeOut; }::view-transition-new(astro-ckyjbznl-1) { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(astro-ckyjbznl-1) { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(astro-ckyjbznl-1) { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-ckyjbznl-1"],
			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-ckyjbznl-1"] { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-ckyjbznl-1"],
			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-ckyjbznl-1"] { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-ckyjbznl-1"],
			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-ckyjbznl-1"] { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-ckyjbznl-1"],
			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-ckyjbznl-1"] { 
	animation-duration: 180ms;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	animation-fill-mode: both;
	animation-name: astroFadeIn; }</style></head> <body> <div data-astro-transition-scope="astro-ckyjbznl-1">  <nav class="bg-white border-b border-gray-100 fixed top-0 left-0 right-0 z-50 w-full transition-all duration-300" data-astro-cid-5blmo7yk> <div class="navbar w-full max-w-6xl mx-auto h-16 lg:h-20 px-4" data-astro-cid-5blmo7yk> <div class="navbar-start" data-astro-cid-5blmo7yk> <a href="/" class="hover:opacity-90 transition-opacity py-1" data-astro-cid-5blmo7yk> <picture> <source srcset="https://assets.teamstats.net/img-m-400-100/logos/teamstats/teamstats-logo-text-400.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-400-100/logos/teamstats/teamstats-logo-text-400.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-400-100/logos/teamstats/teamstats-logo-text-400.png" alt="TeamStats" loading="eager" fetchpriority="high" class="max-w-[120px] lg:max-w-[150px]"> </picture> </a> </div> <div class="navbar-center hidden lg:flex" data-astro-cid-5blmo7yk> <ul class="flex items-center gap-9 xl:gap-12" data-astro-cid-5blmo7yk> <li class="static menu-item" key="Features" data-astro-cid-5blmo7yk> <a tabindex="0" role="button" class="flex items-center gap-1 font-semibold text-gray-700 hover:text-primary transition-colors py-2 px-1 cursor-pointer" data-astro-cid-5blmo7yk> Features <span class="menu-icon-container" data-astro-cid-5blmo7yk> <svg class="chevron-down w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> <svg class="chevron-x w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-5blmo7yk=""/> </svg> </span> </a> <div class="dropdown-content mega-menu-glass" data-astro-cid-5blmo7yk> <div class="py-12 mega-menu-inner" data-astro-cid-5blmo7yk> <div class="container mx-auto max-w-7xl px-8" data-astro-cid-5blmo7yk>  <div class="grid grid-cols-4 gap-12" data-astro-cid-5blmo7yk> <div key="Team Organisation &#38; Scheduling" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Team Organisation &amp; Scheduling</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Organise your team" data-astro-cid-5blmo7yk> <a href="/organise" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Organise your team </a> </li><li key="Arrange matches and training" data-astro-cid-5blmo7yk> <a href="/organise/schedule-matches-training" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Arrange matches and training </a> </li><li key="Track player availability" data-astro-cid-5blmo7yk> <a href="/organise/track-player-availability" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Track player availability </a> </li><li key="Plan your line-ups" data-astro-cid-5blmo7yk> <a href="/organise/line-up-planner" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Plan your line-ups </a> </li> </ul> </div><div key="Team Statistics &#38; Match Reports" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Team Statistics &amp; Match Reports</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Analyse your performances" data-astro-cid-5blmo7yk> <a href="/analyse" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Analyse your performances </a> </li><li key="Publish match reports" data-astro-cid-5blmo7yk> <a href="/analyse/write-match-reports" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Publish match reports </a> </li><li key="Generate team stats" data-astro-cid-5blmo7yk> <a href="/analyse/generate-team-stats" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Generate team stats </a> </li><li key="Track player performance" data-astro-cid-5blmo7yk> <a href="/analyse/track-player-performance" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Track player performance </a> </li> </ul> </div><div key="Team Finances &#38; Payment Management" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Team Finances &amp; Payment Management</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Manage team finances" data-astro-cid-5blmo7yk> <a href="/finances" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Manage team finances </a> </li><li key="Record every payment" data-astro-cid-5blmo7yk> <a href="/finances/payment-tracking" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Record every payment </a> </li><li key="Team and player reporting" data-astro-cid-5blmo7yk> <a href="/finances/financial-reports" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Team and player reporting </a> </li><li key="Receive player payments" data-astro-cid-5blmo7yk> <a href="/finances/receive-player-payments" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Receive player payments </a> </li> </ul> </div><div key="Team Communication App &#38; Website" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Team Communication App &amp; Website</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Improve team communication" data-astro-cid-5blmo7yk> <a href="/communicate" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Improve team communication </a> </li><li key="Create a team website and app" data-astro-cid-5blmo7yk> <a href="/communicate/team-website-app" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Create a team website and app </a> </li><li key="Share news, docs, photos and video" data-astro-cid-5blmo7yk> <a href="/communicate/team-news-media" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Share news, docs, photos and video </a> </li><li key="Send messages to team members" data-astro-cid-5blmo7yk> <a href="/communicate/send-messages" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Send messages to team members </a> </li> </ul> </div> </div> <div class="mt-12 pt-8 border-t border-gray-100 text-center" data-astro-cid-5blmo7yk> <a href="/all-teamstats-features" class="inline-flex items-center text-primary font-bold hover:gap-2 transition-all group" data-astro-cid-5blmo7yk> View all features <svg class="w-4 h-4 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-5blmo7yk=""/> </svg> </a> </div> </div> </div> </div> </li><li class="static menu-item" key="Who it's for" data-astro-cid-5blmo7yk> <a tabindex="0" role="button" class="flex items-center gap-1 font-semibold text-gray-700 hover:text-primary transition-colors py-2 px-1 cursor-pointer" data-astro-cid-5blmo7yk> Who it&#39;s for <span class="menu-icon-container" data-astro-cid-5blmo7yk> <svg class="chevron-down w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> <svg class="chevron-x w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-5blmo7yk=""/> </svg> </span> </a> <div class="dropdown-content mega-menu-glass" data-astro-cid-5blmo7yk> <div class="py-12 mega-menu-inner" data-astro-cid-5blmo7yk> <div class="container mx-auto max-w-7xl px-8" data-astro-cid-5blmo7yk>  <div class="grid grid-cols-4 gap-12" data-astro-cid-5blmo7yk> <div key="Clubs and Teams" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Clubs and Teams</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Teams and Clubs" data-astro-cid-5blmo7yk> <a href="/team-management-app" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Teams and Clubs </a> </li><li key="Junior teams" data-astro-cid-5blmo7yk> <a href="/team-management-app#kids-teams" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Junior teams </a> </li><li key="Adult teams" data-astro-cid-5blmo7yk> <a href="/team-management-app#adult-teams" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Adult teams </a> </li><li key="Multi-team clubs" data-astro-cid-5blmo7yk> <a href="/team-management-app#multi-team-clubs" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Multi-team clubs </a> </li> </ul> </div><div key="Team Members" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Team Members</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Team Members" data-astro-cid-5blmo7yk> <a href="/team-communication-app" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Team Members </a> </li><li key="Coaches, managers &#38; staff" data-astro-cid-5blmo7yk> <a href="/team-communication-app#management-staff-officials" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Coaches, managers &amp; staff </a> </li><li key="Players" data-astro-cid-5blmo7yk> <a href="/team-communication-app#players" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Players </a> </li><li key="Parents &#38; supporters" data-astro-cid-5blmo7yk> <a href="/team-communication-app#parents-supporters" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Parents &amp; supporters </a> </li> </ul> </div><div key="Success Stories" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Success Stories</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="User Feedback" data-astro-cid-5blmo7yk> <a href="/success-stories" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> User Feedback </a> </li><li key="Testimonials" data-astro-cid-5blmo7yk> <a href="/success-stories#testimonials" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Testimonials </a> </li><li key="TeamStats Top 50" data-astro-cid-5blmo7yk> <a href="/teamstats-top-50-football-teams" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> TeamStats Top 50 </a> </li><li key="Grassroots Football Blog" data-astro-cid-5blmo7yk> <a href="/blog" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Grassroots Football Blog </a> </li> </ul> </div><div key="Directory" class="mega-menu-col" data-astro-cid-5blmo7yk> <h3 class="font-bold text-gray-900 text-base uppercase tracking-wider mb-6" data-astro-cid-5blmo7yk>Directory</h3> <ul class="space-y-4" data-astro-cid-5blmo7yk> <li key="Directory Home" data-astro-cid-5blmo7yk> <a href="/directory" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Directory Home </a> </li><li key="Team Directory" data-astro-cid-5blmo7yk> <a href="/teams" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Team Directory </a> </li><li key="League Directory" data-astro-cid-5blmo7yk> <a href="/leagues" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> League Directory </a> </li><li key="Match Reports" data-astro-cid-5blmo7yk> <a href="/match-reports" class="text-gray-600 hover:text-primary transition-colors text-sm font-medium flex items-center group" data-astro-cid-5blmo7yk> <span class="w-1.5 h-1.5 rounded-full bg-primary opacity-0 group-hover:opacity-100 transition-opacity mr-2" data-astro-cid-5blmo7yk></span> Match Reports </a> </li> </ul> </div> </div>  </div> </div> </div> </li><li key="Pricing" data-astro-cid-5blmo7yk> <a href="/pricing" class="font-semibold text-gray-700 hover:text-primary transition-colors nav-link-hover py-2 px-1" data-astro-cid-5blmo7yk> Pricing </a> </li><li key="Contact" data-astro-cid-5blmo7yk> <a href="#" class="font-semibold text-gray-700 hover:text-primary transition-colors nav-link-hover py-2 px-1 contact-trigger" data-astro-cid-5blmo7yk> Contact </a> </li> </ul> </div> <div class="navbar-end gap-5" data-astro-cid-5blmo7yk> <div id="user-nav-container" class="hidden lg:block" data-astro-cid-5blmo7yk> <!-- Dynamically populated by login.js --> </div> <!-- Desktop login/signup --> <div class="hidden lg:flex items-center gap-4" data-astro-cid-5blmo7yk> <button type="button" id="desktop-login-button" class="open-login-modal btn btn-outline border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 rounded-lg h-11 min-h-auto font-semibold w-32 justify-center" data-astro-cid-5blmo7yk>
Login
</button> <a href="#" id="signup-nav-item" class="trigger-signup btn btn-primary rounded-lg shadow-md hover:shadow-lg transition-all h-11 min-h-auto w-32 justify-center" data-astro-cid-5blmo7yk>
Sign Up
</a> </div> <!-- Mobile primary CTA (directory uses drawer Search button instead) --> <a href="#" id="mobile-signup-btn" class="trigger-signup btn btn-primary btn-sm uppercase lg:hidden rounded-md h-9 min-h-auto font-bold mr-2" data-astro-cid-5blmo7yk>
Sign Up
</a> <!-- Mobile search icon (directory pages only) -->  <!-- Mobile avatar (shown when logged in, hidden by default) --> <a href="#" id="mobile-navbar-avatar" class="hidden lg:hidden! items-center mr-2" data-astro-cid-5blmo7yk> <img src alt class="w-8 h-8 rounded-full object-cover border border-gray-200" data-astro-cid-5blmo7yk> </a> <!-- Mobile menu button (morphing hamburger/X) --> <label for="mobile-drawer" id="mobile-menu-toggle" class="menu-toggle lg:hidden text-gray-700" aria-label="Toggle menu" data-astro-cid-5blmo7yk> <div class="hamburger hamburger3" data-astro-cid-5blmo7yk> <span class="bar bar1" data-astro-cid-5blmo7yk></span> <span class="bar bar2" data-astro-cid-5blmo7yk></span> <span class="bar bar3" data-astro-cid-5blmo7yk></span> <span class="bar bar4" data-astro-cid-5blmo7yk></span> </div> </label> </div> </div> </nav> <div class="drawer drawer-end lg:hidden" data-astro-cid-5blmo7yk> <input id="mobile-drawer" type="checkbox" class="drawer-toggle" data-astro-cid-5blmo7yk> <div class="drawer-side z-60" data-astro-cid-5blmo7yk> <label for="mobile-drawer" class="drawer-overlay" data-astro-cid-5blmo7yk></label> <div class="p-6 w-80 min-h-full bg-white flex flex-col" data-astro-cid-5blmo7yk> <!-- Mobile menu header (logo removed; navbar logo remains visible above) --> <div class="mb-4" data-astro-cid-5blmo7yk></div> <ul class="space-y-2" data-astro-cid-5blmo7yk> <li class="mobile-nav-item" data-astro-cid-5blmo7yk> <a href="/" class="flex items-center justify-between py-3 px-4 font-bold text-gray-900 hover:bg-gray-50 rounded-lg" data-astro-cid-5blmo7yk>Home</a> </li> <li class="mobile-nav-item" data-astro-cid-5blmo7yk> <details class="group" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-3 px-4 font-bold text-gray-900 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open:bg-gray-50" data-astro-cid-5blmo7yk> Features <svg class="w-4 h-4 transition-transform group-open:rotate-180 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-2 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Team Organisation &amp; Scheduling <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/organise" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Organise your team</a> </li><li data-astro-cid-5blmo7yk> <a href="/organise/schedule-matches-training" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Arrange matches and training</a> </li><li data-astro-cid-5blmo7yk> <a href="/organise/track-player-availability" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Track player availability</a> </li><li data-astro-cid-5blmo7yk> <a href="/organise/line-up-planner" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Plan your line-ups</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Team Statistics &amp; Match Reports <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/analyse" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Analyse your performances</a> </li><li data-astro-cid-5blmo7yk> <a href="/analyse/write-match-reports" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Publish match reports</a> </li><li data-astro-cid-5blmo7yk> <a href="/analyse/generate-team-stats" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Generate team stats</a> </li><li data-astro-cid-5blmo7yk> <a href="/analyse/track-player-performance" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Track player performance</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Team Finances &amp; Payment Management <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/finances" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Manage team finances</a> </li><li data-astro-cid-5blmo7yk> <a href="/finances/payment-tracking" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Record every payment</a> </li><li data-astro-cid-5blmo7yk> <a href="/finances/financial-reports" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Team and player reporting</a> </li><li data-astro-cid-5blmo7yk> <a href="/finances/receive-player-payments" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Receive player payments</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Team Communication App &amp; Website <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/communicate" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Improve team communication</a> </li><li data-astro-cid-5blmo7yk> <a href="/communicate/team-website-app" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Create a team website and app</a> </li><li data-astro-cid-5blmo7yk> <a href="/communicate/team-news-media" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Share news, docs, photos and video</a> </li><li data-astro-cid-5blmo7yk> <a href="/communicate/send-messages" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Send messages to team members</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <a href="/all-teamstats-features" class="block py-2 px-4 font-semibold text-gray-700 hover:text-primary rounded-lg" data-astro-cid-5blmo7yk>View all features</a> </li> </ul> </details> </li><li class="mobile-nav-item" data-astro-cid-5blmo7yk> <details class="group" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-3 px-4 font-bold text-gray-900 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open:bg-gray-50" data-astro-cid-5blmo7yk> Who it&#39;s for <svg class="w-4 h-4 transition-transform group-open:rotate-180 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-2 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Clubs and Teams <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/team-management-app" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Teams and Clubs</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-management-app#kids-teams" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Junior teams</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-management-app#adult-teams" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Adult teams</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-management-app#multi-team-clubs" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Multi-team clubs</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Team Members <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/team-communication-app" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Team Members</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-communication-app#management-staff-officials" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Coaches, managers &amp; staff</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-communication-app#players" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Players</a> </li><li data-astro-cid-5blmo7yk> <a href="/team-communication-app#parents-supporters" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Parents &amp; supporters</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Success Stories <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/success-stories" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>User Feedback</a> </li><li data-astro-cid-5blmo7yk> <a href="/success-stories#testimonials" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Testimonials</a> </li><li data-astro-cid-5blmo7yk> <a href="/teamstats-top-50-football-teams" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>TeamStats Top 50</a> </li><li data-astro-cid-5blmo7yk> <a href="/blog" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Grassroots Football Blog</a> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <details class="group/sub" data-astro-cid-5blmo7yk> <summary class="flex items-center justify-between py-2 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-50 rounded-lg list-none group-open/sub:text-primary" data-astro-cid-5blmo7yk> Directory <svg class="w-3 h-3 transition-transform group-open/sub:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-5blmo7yk=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-5blmo7yk=""/> </svg> </summary> <ul class="pl-4 mt-1 space-y-1" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/directory" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Directory Home</a> </li><li data-astro-cid-5blmo7yk> <a href="/teams" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Team Directory</a> </li><li data-astro-cid-5blmo7yk> <a href="/leagues" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>League Directory</a> </li><li data-astro-cid-5blmo7yk> <a href="/match-reports" class="block py-2 px-4 text-sm text-gray-600 hover:text-primary transition-colors" data-astro-cid-5blmo7yk>Match Reports</a> </li> </ul> </details> </li> </ul> </details> </li><li data-astro-cid-5blmo7yk> <a href="/pricing" class="block py-3 px-4 font-bold text-gray-900 hover:bg-gray-50 rounded-lg transition-colors" data-astro-cid-5blmo7yk> Pricing </a> </li><li data-astro-cid-5blmo7yk> <a href="#" class="block py-3 px-4 font-bold text-gray-900 hover:bg-gray-50 rounded-lg transition-colors contact-trigger" data-astro-cid-5blmo7yk> Contact </a> </li>  <li class="pt-6 space-y-6" data-astro-cid-5blmo7yk> <!-- Populated by login.js: either Login/Get Started buttons (logged out) or avatar + Log Out (logged in) --> <div id="mobile-user-nav" class="space-y-3" data-astro-cid-5blmo7yk></div> <div class="pt-4 flex flex-col items-center" data-astro-cid-5blmo7yk> <p class="text-[11px] font-bold text-gray-400 uppercase tracking-[0.18em] mb-2" data-astro-cid-5blmo7yk>Download the TeamStats app</p> <div class="flex gap-5 justify-center"> <div class="flex flex-col items-center"> <a href="https://apps.apple.com/gb/app/teamstats-football-team-app/id1275644100" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/app-store-badge.png?f=avif" alt="Download on the Apple App Store" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> <div class="flex flex-col items-center"> <a href="https://play.google.com/store/apps/details?id=net.teamstats.app" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/google-play-badge.png?f=avif" alt="Get it on Google Play" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> </div> </div> </li>  </ul> </div> </div> </div> <script type="module">const w=window.blurManager;document.addEventListener("click",t=>{const e=t.target;if(!e)return;const n=e.closest(".open-login-modal"),a=e.closest(".trigger-signup");if(!n&&!a)return;if(!!e.closest(".drawer-side")){const r=document.getElementById("mobile-drawer"),l=document.getElementById("mobile-menu-toggle");r?.checked&&(r.checked=!1,l&&l.classList.remove("open"),w&&w.disable("mobile-drawer"))}n&&(t.preventDefault(),window.dispatchEvent(new CustomEvent("openLoginModal")))});const u=window.disableMobileDrawerBlur,g=()=>{const t=document.getElementById("directory-search-section"),e=document.getElementById("directory-search-input");t&&(t.scrollIntoView({behavior:"smooth",block:"start"}),window.setTimeout(()=>{if(e){e.focus();const n=e.value.length;try{e.setSelectionRange(n,n)}catch{}}},400))},h=()=>{const t=document.documentElement;if(t.__tsNavbarInit)return;t.__tsNavbarInit=!0;const e=document.getElementById("mobile-drawer"),n=document.getElementById("mobile-menu-toggle");e&&n&&e.addEventListener("change",()=>{e.checked?n.classList.add("open"):n.classList.remove("open")});const a=document.querySelector(".drawer-side");a&&e&&a.addEventListener("click",o=>{const d=o.target;!d||!d.closest("a[href]")||(e.checked=!1,n&&n.classList.remove("open"),u&&u("mobile-drawer"))}),(()=>{const{pathname:o}=window.location,d=c=>{if(!c)return"/";try{let s=new URL(c,window.location.origin).pathname;return s.length>1&&s.endsWith("/")&&(s=s.slice(0,-1)),s||"/"}catch{return c}},v=d(o);document.querySelectorAll(".drawer-side .mobile-nav-item a[href]").forEach(c=>{const m=c.getAttribute("href");if(!m||m.startsWith("http")||m.startsWith("#"))return;d(m)===v&&c.classList.add("text-primary")})})();const r=document.getElementById("directory-search-nav-item");r&&r.addEventListener("click",o=>{o.preventDefault(),g()});const l=document.getElementById("directory-search-mobile-nav-item");l&&e&&l.addEventListener("click",o=>{o.preventDefault(),e.checked=!1,n&&n.classList.remove("open"),u&&u("mobile-drawer"),window.setTimeout(()=>{g()},150)});const b=document.getElementById("mobile-directory-search-btn");b&&b.addEventListener("click",o=>{o.preventDefault(),g()})},y=document.querySelectorAll("li.menu-item"),f=()=>{y.forEach(t=>{const e=t.querySelector(".dropdown-content");e&&(e.classList.remove("block"),e.style.display="none"),t.classList.remove("active")}),document.body.classList.remove("dropdown-open")};y.forEach(t=>{const e=t.querySelector("a"),n=t.querySelector(".dropdown-content");if(!e||!n)return;e.addEventListener("click",i=>{i.preventDefault(),i.stopPropagation();const r=t.classList.contains("active");f(),r||(t.classList.add("active"),n.classList.add("block"),n.style.display="block",document.body.classList.add("dropdown-open"))}),n.querySelectorAll("a[href]").forEach(i=>{i.addEventListener("click",()=>{f()})})});document.addEventListener("click",t=>{t.target.closest("li.menu-item")||f()});document.addEventListener("keydown",t=>{t.key==="Escape"&&f()});document.readyState==="loading"?document.addEventListener("DOMContentLoaded",h,{once:!0}):h();document.addEventListener("astro:after-swap",()=>{const t=document.documentElement;t.__tsNavbarInit=!1,h()});</script>  <div class="hero relative flex items-center overflow-visible pt-24 lg:pt-36 lg:pb-30 pb-40" style="min-height: 600px;" data-astro-cid-lhnbf22g> <!-- Background slideshow --> <div class="hero-backgrounds absolute inset-0 z-0" data-astro-cid-lhnbf22g> <div class="hero-bg active" data-astro-cid-lhnbf22g> <picture> <source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/kids-football-manager.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/kids-football-manager.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/kids-football-manager.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/kids-football-manager.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-360-70/backgrounds/kids-football-manager.jpg" alt loading="eager" fetchpriority="high" width="360" height="640" class="w-full h-full object-cover"> </picture> </div><div class="hero-bg " data-astro-cid-lhnbf22g> <picture> <source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/mary-dendy.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/mary-dendy.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/mary-dendy.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/mary-dendy.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-360-70/backgrounds/mary-dendy.jpg" alt loading="lazy" width="360" height="640" class="w-full h-full object-cover"> </picture> </div><div class="hero-bg " data-astro-cid-lhnbf22g> <picture> <source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/football-background-3.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/football-background-3.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/football-background-3.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/football-background-3.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-360-70/backgrounds/football-background-3.jpg" alt loading="lazy" width="360" height="640" class="w-full h-full object-cover"> </picture> </div><div class="hero-bg " data-astro-cid-lhnbf22g> <picture> <source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/football-coach-boys-training.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1000-75/backgrounds/football-coach-boys-training.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/football-coach-boys-training.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-360-70/backgrounds/football-coach-boys-training.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-360-70/backgrounds/football-coach-boys-training.jpg" alt loading="lazy" width="360" height="640" class="w-full h-full object-cover"> </picture> </div> </div> <div class="hero-content relative z-20 max-w-6xl mx-auto w-full lg:px-4 grid grid-cols-1 md:grid-cols-12 gap-8 lg:gap-12 items-center" data-astro-cid-lhnbf22g> <div class="hero-text text-white text-center md:text-left md:col-span-8 lg:col-span-8" data-astro-cid-lhnbf22g> <h2 class="text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold leading-tight mb-4 lg:mb-6 relative" style="min-height: 2.2em;" data-astro-cid-lhnbf22g> <span class="hero-headline active" data-astro-cid-lhnbf22g>Team Management</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Admin</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Organisation</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Communication</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Line-ups</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Statistics</span> <span class="hero-headline" data-astro-cid-lhnbf22g>Team Finances</span> <span class="hero-headline-suffix block" data-astro-cid-lhnbf22g> Made Easy</span> </h2> <h1 class="text-sm md:text-base lg:text-xl text-white/95 mb-2 leading-relaxed" data-astro-cid-lhnbf22g>
TeamStats is the ultimate app for managing your football team.
</h1> <h3 class="hidden md:block text-lg lg:text-xl text-white/95 mb-6 lg:mb-8 leading-relaxed" data-astro-cid-lhnbf22g>
Everything you need in one powerful software platform.
</h3> <div class="hero-buttons flex flex-col sm:flex-row gap-3 lg:gap-4 items-center md:items-start justify-center md:justify-start" data-astro-cid-lhnbf22g> <button class="hidden md:inline-flex trigger-signup btn btn-secondary btn-lg uppercase font-semibold shadow-lg" data-astro-cid-lhnbf22g>
Get Started For Free
</button> <a href="#video" id="desktop-hero-watch-video" class="hidden md:inline-flex btn btn-ghost btn-lg text-white normal-case font-normal px-4 hover:bg-transparent hover:underline items-center gap-2 border border-white/70 hover:border-white" data-astro-cid-lhnbf22g> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5 fill-current" data-astro-cid-lhnbf22g=""> <circle cx="12" cy="12" r="11" class="text-red-600" data-astro-cid-lhnbf22g=""/> <polygon points="10,8 16,12 10,16" class="text-white" data-astro-cid-lhnbf22g=""/> </svg> <span data-astro-cid-lhnbf22g>or watch our video overview</span> </a> </div> <div class="mt-4 md:hidden flex justify-center" data-astro-cid-lhnbf22g> <div class="flex gap-5 justify-center"> <div class="flex flex-col items-center"> <a href="https://apps.apple.com/gb/app/teamstats-football-team-app/id1275644100" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/app-store-badge.png?f=avif" alt="Download on the Apple App Store" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> <div class="flex flex-col items-center"> <a href="https://play.google.com/store/apps/details?id=net.teamstats.app" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/google-play-badge.png?f=avif" alt="Get it on Google Play" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> </div> </div> </div> <div class="hero-phone flex justify-center lg:justify-end items-start relative -mb-[200px] md:col-span-4 lg:col-span-4" data-astro-cid-lhnbf22g> <div class="z-10" data-astro-cid-lhnbf22g> <div class="phone-frame phone-frame-shadow" role="img" aria-label="TeamStats mobile app screenshots" style="width: 340px; height: 680px; aspect-ratio: 340/680;" data-astro-cid-7xd7yi2v> <div class="phone-screen" data-astro-cid-7xd7yi2v> <div class="hero-screenshot active" data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-team-overview.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-team-overview.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-team-overview.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-team-overview.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-team-overview.png" alt="Team overview on mobile" loading="eager" fetchpriority="high" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-admin-menu.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-admin-menu.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-admin-menu.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-admin-menu.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/mobile-admin-menu.png" alt="Admin menu interface" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/availability-event-list-mobile.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/availability-event-list-mobile.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/availability-event-list-mobile.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/availability-event-list-mobile.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/availability-event-list-mobile.png" alt="Event availability list" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/choose-availability.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/choose-availability.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/choose-availability.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/choose-availability.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/choose-availability.png" alt="Select availability options" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.jpg" alt="Team lineup management" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/stats-team-home-mobile.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/stats-team-home-mobile.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/stats-team-home-mobile.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/stats-team-home-mobile.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/stats-team-home-mobile.jpg" alt="Team statistics dashboard" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div><div class="hero-screenshot " data-astro-cid-7xd7yi2v> <picture> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png" alt="Financial overview screen" loading="lazy" fetchpriority="low" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".phone-screen").forEach((r,d)=>{const e=Array.from(r.querySelectorAll(".hero-screenshot"));if(e.length===0)return;let t=0;setInterval(()=>{const n=e[t],s=(t+1)%e.length,c=e[s];n.classList.add("exiting"),c.classList.add("active"),setTimeout(()=>{n.classList.remove("active","exiting"),t=s},400)},4e3)})});</script> </div> </div> </div> </div> <script type="module">const s=()=>{const e=Array.from(document.querySelectorAll(".hero-bg")),t=Array.from(document.querySelectorAll(".hero-headline"));let n=0,c=0;if(!e.length||!t.length)return;function l(){e[n].classList.remove("active"),n=(n+1)%e.length,e[n].classList.add("active")}function i(){const o=t[c];o.classList.add("fading-out"),setTimeout(()=>{o.classList.remove("active","fading-out"),c=(c+1)%t.length,t[c].classList.add("active")},100)}setInterval(()=>{i(),window.dispatchEvent(new CustomEvent("hero-cycle"))},4e3),setInterval(l,8e3);const d=document.getElementById("desktop-hero-watch-video");d&&d.addEventListener("click",o=>{o.preventDefault();const a=document.getElementById("openVideoModal");a&&a.click()})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s();</script> <section class="pt-10 lg:pt-6 pb-8 lg:pb-10 bg-base-200" data-astro-cid-of2dwe7y> <div class="container mx-auto px-4 max-w-6xl" data-astro-cid-of2dwe7y> <div class="text-center pt-6 mb-6 lg:mb-8" data-astro-cid-of2dwe7y> <p class="text-sm text-base-content/90 tracking-wide" data-astro-cid-of2dwe7y>
Used around the world by clubs and teams from:
</p> </div> <div class="w-full inline-flex flex-nowrap overflow-hidden mask-[linear-gradient(to_right,transparent_0,black_64px,black_calc(100%-64px),transparent_100%)]" data-astro-cid-of2dwe7y> <ul class="flex items-center justify-center md:justify-start [&_li]:mx-4 lg:[&_li]:mx-8 [&_img]:max-w-none animate-infinite-scroll" data-astro-cid-of2dwe7y> <li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/The-FA-England-Football-Association.png?f=avif" alt="The FA Logo - English Football Association" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Irish-FA-Northern-Ireland-Football-Association.png?f=avif" alt="Northern Ireland FA Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Scottish-FA-Scotland-Football-Association.png?f=avif" alt="Scottish FA logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/United-States-Soccer-Federation-USA.png?f=avif" alt="United States Soccer Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Welsh-FA-Wales-Football-Association.png?f=avif" alt="Welsh FA Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Football-Association-Ireland-Eire.png?f=avif" alt="Eire Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Czech-Republic-Football-Association.png?f=avif" alt="Czech Republic Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Singapore-Football-Association.png?f=avif" alt="Singapore Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Football-Federation-Australia-FFA.png?f=avif" alt="Australia FFA logo - Football Federation Australia" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li> </ul> <ul class="flex items-center justify-center md:justify-start [&_li]:mx-4 lg:[&_li]:mx-8 [&_img]:max-w-none animate-infinite-scroll" aria-hidden="true" data-astro-cid-of2dwe7y> <li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/The-FA-England-Football-Association.png?f=avif" alt="The FA Logo - English Football Association" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Irish-FA-Northern-Ireland-Football-Association.png?f=avif" alt="Northern Ireland FA Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Scottish-FA-Scotland-Football-Association.png?f=avif" alt="Scottish FA logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/United-States-Soccer-Federation-USA.png?f=avif" alt="United States Soccer Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Welsh-FA-Wales-Football-Association.png?f=avif" alt="Welsh FA Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Football-Association-Ireland-Eire.png?f=avif" alt="Eire Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Czech-Republic-Football-Association.png?f=avif" alt="Czech Republic Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Singapore-Football-Association.png?f=avif" alt="Singapore Football Association Logo" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li><li data-astro-cid-of2dwe7y> <img src="https://assets.teamstats.net/img-m-180-100/logos/associations/Football-Federation-Australia-FFA.png?f=avif" alt="Australia FFA logo - Football Federation Australia" loading="lazy" width="180" height="100" class="h-12 lg:h-16 w-auto" data-astro-cid-of2dwe7y> </li> </ul> </div> </div> </section> <section class="py-8 lg:py-12 bg-white"> <div class="container mx-auto px-4 max-w-6xl"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 items-center"> <div class="order-1 lg:order-1 lg:pt-6 lg:pb-3"> <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold mb-4 lg:mb-6">Work smarter and become a better team.</h2> <p class="text-base lg:text-lg mb-3 lg:mb-4 leading-relaxed">Running your own football team is a lot of hard work.</p> <p class="text-base lg:text-lg mb-3 lg:mb-4 leading-relaxed">All that planning, tracking and chasing means time, effort and hassle.</p> <p class="text-base lg:text-lg mb-3 lg:mb-4 leading-relaxed">We get it - because we do it too.</p> <p class="text-base lg:text-lg mb-3 lg:mb-4 leading-relaxed">TeamStats was created to make team management easier and more efficient.</p> <p class="text-base lg:text-lg mb-4 lg:mb-6 leading-relaxed">Our team management software, apps and websites will help to improve your team - on and off the pitch.</p> </div> <div class="order-2 lg:order-2 -mt-10"> <div class="device-showcase-container" style="
    --container-height-mobile: 320px;
    --container-height-desktop: 550px;
  " data-astro-cid-5svpmbcj> <div class="device-wrapper " style="
          --x-offset-desktop: 80px;
          --y-offset-desktop: 0px;
          --x-offset-mobile: -100px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.75;
          --mobile-scale: 0.5;
          --z-index: 1;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>   <div class="laptop-frame" data-astro-cid-ptqbfvrg> <div class="laptop-screen" data-astro-cid-ptqbfvrg> <picture class="absolute inset-0 w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/desktop-team-home-1440.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/desktop-team-home-1440.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-600-100/screenshots/desktop-team-home-1440.png" alt="TeamStats screenshot - team home on laptop" loading="lazy" class="absolute inset-0 w-full h-full object-cover"> </picture> </div> <div class="laptop-base" data-astro-cid-ptqbfvrg></div> </div>   </div><div class="device-wrapper hide-mobile" style="
          --x-offset-desktop: 280px;
          --y-offset-desktop: 70px;
          --x-offset-mobile: 50px;
          --y-offset-mobile: 70px;
          --desktop-scale: 0.8928571428571429;
          --mobile-scale: 0.2857142857142857;
          --z-index: 2;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>    <div class="tablet-frame" data-astro-cid-aovdocaw> <div class="tablet-screen" data-astro-cid-aovdocaw> <picture class="w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/squad-player-profile-ipad.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/squad-player-profile-ipad.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-600-100/screenshots/squad-player-profile-ipad.png" alt="TeamStats screenshot - team home on iPad" loading="lazy" class="w-full h-full object-cover"> </picture> </div> </div>  </div><div class="device-wrapper " style="
          --x-offset-desktop: -180px;
          --y-offset-desktop: 65px;
          --x-offset-mobile: 90px;
          --y-offset-mobile: 8px;
          --desktop-scale: 0.4117647058823529;
          --mobile-scale: 0.38235294117647056;
          --z-index: 3;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj> <div class="phone-frame-single" data-astro-cid-esjtk2be> <div class="phone-screen-single" data-astro-cid-esjtk2be> <picture class="w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/admin-team-lineup-mobile.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-600-100/screenshots/admin-team-lineup-mobile.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-600-100/screenshots/admin-team-lineup-mobile.png" alt="TeamStats screenshot - team line-up on iPhone" loading="lazy" class="w-full h-full object-contain"> </picture> </div> </div>     </div> </div> </div> </div> </div> </section> <section class="py-8 lg:py-12 bg-white"> <div class="container mx-auto px-4 max-w-5xl"> <div class="feature-testimonials-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Leafield-Athletic.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Leafield-Athletic.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg" alt="Mark Dodd - Manager, Leafield Athletic U15" loading="eager" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"Lots of great features that really do save you time, money and a lot of hassle. Wish I&#39;d discovered it earlier!"
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Mark Dodd</p> <p class="text-[11px] md:text-xs text-white/80">Manager, Leafield Athletic U15</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Tony-Woods-Real-Rosehill.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Tony-Woods-Real-Rosehill.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Tony-Woods-Real-Rosehill.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Tony-Woods-Real-Rosehill.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Tony-Woods-Real-Rosehill.jpg" alt="Tony Woods - Real Rosehill FC" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"A great user and player experience. Saves me so much time to enable me to spend more time coaching."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Tony Woods</p> <p class="text-[11px] md:text-xs text-white/80">Real Rosehill FC</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Leafield-Athletic.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Leafield-Athletic.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Leafield-Athletic.jpg" alt="Mark Dodd - Leafield Athletic" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"Organising and viewing availability for matches and training is a breeze. This is our first season using TeamStats and the more we use it the more we realise we&#39;d be lost without it."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Mark Dodd</p> <p class="text-[11px] md:text-xs text-white/80">Leafield Athletic</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Kidderminster-Athletic.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Kidderminster-Athletic.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Kidderminster-Athletic.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Kidderminster-Athletic.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Kidderminster-Athletic.jpg" alt="Ian Horton - Kidderminster Athletic" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"Scheduling matches and training means we don&#39;t have to constantly send out texts or make calls."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Ian Horton</p> <p class="text-[11px] md:text-xs text-white/80">Kidderminster Athletic</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Silverstone-Racers-FC.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Silverstone-Racers-FC.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg" alt="Nick Ashby - Silverstone Racers Football Club" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"We recouped the cost of TeamStats by collecting registration fees from players we didn&#39;t know we had."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Nick Ashby</p> <p class="text-[11px] md:text-xs text-white/80">Silverstone Racers Football Club</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Silverstone-Racers-FC.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Silverstone-Racers-FC.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Silverstone-Racers-FC.jpg" alt="Nick Ashby - Silverstone Racers Football Club" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"We recouped the cost of TeamStats by collecting registration fees from players we didn&#39;t know we had."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Nick Ashby</p> <p class="text-[11px] md:text-xs text-white/80">Silverstone Racers Football Club</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg" alt="Adam Rousell - Islington Villa" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"The app allows our club to keep records of our fixtures and squad but most importantly our results and match reports as the season goes through and all in one place that is easy to share and view."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Adam Rousell</p> <p class="text-[11px] md:text-xs text-white/80">Islington Villa</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Surbiton-Lions.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Surbiton-Lions.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Surbiton-Lions.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Surbiton-Lions.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Surbiton-Lions.jpg" alt="Philip Amuaku - Surbiton Lions" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"The finances section enables me to keep track of payments (or non-payment) from players, club expenditure and debts owed to the club"
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Philip Amuaku</p> <p class="text-[11px] md:text-xs text-white/80">Surbiton Lions</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/kids-football-manager.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/kids-football-manager.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/kids-football-manager.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/kids-football-manager.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/kids-football-manager.jpg" alt="Martin Salter - Saxmundham Sports" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"I run a kids team and TeamStats allows me to get messages out to parents in bulk whilst the kids can log in and check our league standing and their own player stats . A great product which makes my life easier."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Martin Salter</p> <p class="text-[11px] md:text-xs text-white/80">Saxmundham Sports</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/FC-Bury-Vipers.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/FC-Bury-Vipers.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/FC-Bury-Vipers.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/FC-Bury-Vipers.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/FC-Bury-Vipers.jpg" alt="Jason Latham - FC Bury Vipers" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"There isn&#39;t an area of TeamStats which doesn&#39;t work well and the detailed stats that are available have really captured the imagination of the players."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Jason Latham</p> <p class="text-[11px] md:text-xs text-white/80">FC Bury Vipers</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Tattenhoe-Reds.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Tattenhoe-Reds.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Tattenhoe-Reds.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Tattenhoe-Reds.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Tattenhoe-Reds.jpg" alt="Lee Willows - Tattenhoe Reds" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"My overall experience has given me the wow factor - I enjoy writing my team match reports on Monday morning.  I have used 3 different websites for my team and TeamStats is by far the best."
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Lee Willows</p> <p class="text-[11px] md:text-xs text-white/80">Tattenhoe Reds</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[384px] rounded-2xl border border-base-300 overflow-hidden"> <div class="relative h-full w-full"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/teams/Adam-Rousell-Islington-Villa.jpg" alt="Adam Rousell - Ilsington Villa" loading="lazy" width="500" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> <div class="absolute inset-0 bg-gradient-to-b from-black/0 via-black/60 to-black/95"></div> <div class="relative z-10 flex flex-col items-center justify-end h-full px-6 pb-6 text-center text-white"> <blockquote class="text-base md:text-lg lg:text-xl font-semibold leading-relaxed max-w-xl mx-auto mb-4">
"As a small amateur club, in previous years we would have been manually counting appearances and goals from past paper teamsheets or tweets of results - this saves us so much time and administration efforts!"
</blockquote> <div class="flex flex-col items-center gap-1"> <p class="font-bold text-xs md:text-sm">Adam Rousell</p> <p class="text-[11px] md:text-xs text-white/80">Ilsington Villa</p> <p class="text-[11px] md:text-xs text-yellow-300 mt-1">⭐⭐⭐⭐⭐</p> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination mt-4"></div> </div> </div> <script type="module" src="/_astro/FeatureTestimonialSlider.astro_astro_type_script_index_0_lang.BB-svKMs.js"></script> </section> <section class="video-hero-section" id="video" data-astro-cid-ux2kju4p> <!-- Background video (muted, autoplay, loop) --> <div class="video-bg" data-astro-cid-ux2kju4p>  <video src="https://assets.teamstats.net/mainsite/assets/video/promo/Teamstats-Promo-No-Text-Screens-Only-2.mp4" data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/promo/Teamstats-Promo-No-Text-Screens-Only-2.mp4" muted loop playsinline class="bg-video-element video-hero-bg" aria-label="Background video" data-astro-cid-ux2kju4p></video> <!-- Dark overlay for readability --> <div class="video-overlay" data-astro-cid-ux2kju4p></div> </div> <!-- Content overlay --> <div class="container mx-auto px-4 max-w-7xl" data-astro-cid-ux2kju4p> <div class="content-with-mockup" data-astro-cid-ux2kju4p> <div class="content-wrapper" data-astro-cid-ux2kju4p> <h2 class="hero-title" data-astro-cid-ux2kju4p>Discover more with our video tour</h2> <p class="hero-description" data-astro-cid-ux2kju4p>In just one minute, you&#39;ll find out how TeamStats can transform your team.</p> <!-- Play button -->
          <button id="openVideoModal" class="play-btn" aria-label="Play video in fullscreen" data-astro-cid-ux2kju4p> <svg viewBox="0 0 80 80" width="80" height="80" class="play-icon" data-astro-cid-ux2kju4p=""> <circle cx="40" cy="40" r="38" fill="rgba(220, 38, 38, 0.9)" stroke="#fff" stroke-width="2" data-astro-cid-ux2kju4p=""/> <path d="M32 26v28l24-14z" fill="#fff" data-astro-cid-ux2kju4p=""/> </svg> <span class="sr-only" data-astro-cid-ux2kju4p>Play video</span> </button> </div> <!-- Optional phone mockup slot --> <div class="mockup-wrapper" data-astro-cid-ux2kju4p>  </div> </div> </div> <!-- Modal (native dialog) -->
    <dialog id="videoModal" class="video-modal" data-astro-cid-ux2kju4p> <div class="modal-content" data-astro-cid-ux2kju4p> <button id="closeVideoModal" class="close-btn" aria-label="Close video" data-astro-cid-ux2kju4p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ux2kju4p=""> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-ux2kju4p=""/> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-ux2kju4p=""/> </svg> </button> <div class="modal-video-wrapper" data-astro-cid-ux2kju4p> <iframe id="modalVideoElement" src title="TeamStats video tour" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-astro-cid-ux2kju4p></iframe> </div> </div> </dialog> </section>  <script>(function(){const modalVideoUrl = "https://www.youtube.com/embed/r8SvuQnKoYE?autoplay=1&rel=0&modestbranding=1";
const isModalYouTube = true;
const buttonMode = "video";

  // Only run video modal logic if in video mode
  if (buttonMode !== 'video') {
    // CTA mode - button is handled by signup-modal.js via trigger-signup class
    console.log('VideoHeroSection in CTA mode - signup handled by signup-modal.js');
  } else {
    // Video mode - setup modal
    // Wait for DOM to be fully loaded
    document.addEventListener('DOMContentLoaded', () => {
      // Use global BlurManager (loaded from blur-manager.js)
      const blurManager = window.blurManager;
        const modal = document.getElementById('videoModal');
        const openBtn = document.getElementById('openVideoModal');
        const closeBtn = document.getElementById('closeVideoModal');
        const videoElement = document.getElementById('modalVideoElement');
        
        // Debug: Check if elements exist
        if (!modal) {
          console.error('Video modal not found');
          return;
        }
        if (!openBtn) {
          console.error('Open button not found');
          return;
        }
        if (!videoElement) {
          console.error('Modal video element not found');
          return;
        }
      
      // Check if browser supports <dialog>
      if (typeof modal.showModal !== 'function') {
        console.warn('Browser does not support <dialog> element. Using fallback.');
        modal.style.display = 'none';
      }
      
      console.log('Modal video URL:', modalVideoUrl);
      console.log('Is YouTube:', isModalYouTube);

      // Open modal
      openBtn.addEventListener('click', (e) => {
        e.preventDefault();
        console.log('Play button clicked');
        
        try {
          // Set video source based on type
          if (isModalYouTube) {
            videoElement.src = modalVideoUrl;
            console.log('YouTube iframe src set to:', videoElement.src);
          } else {
            // For local video, just play it (src is already set in HTML)
            videoElement.play();
            console.log('Local video playing');
          }
          
          // Use showModal if supported, otherwise fallback
          if (typeof modal.showModal === 'function') {
            modal.showModal();
          } else {
            modal.style.display = 'flex';
            modal.setAttribute('open', '');
          }
          
          // Enable blur effect
          if (blurManager) {
            blurManager.enable('video-modal');
            console.log('Modal opened with blur effect');
          }
        } catch (error) {
          console.error('Error opening modal:', error);
          modal.style.display = 'flex';
          modal.setAttribute('open', '');
        }
      });

      // Close modal function
      const closeModal = () => {
        try {
          if (typeof modal.close === 'function') {
            modal.close();
          } else {
            modal.style.display = 'none';
            modal.removeAttribute('open');
          }
          
          // Stop video based on type
          if (isModalYouTube) {
            videoElement.src = '';
          } else {
            videoElement.pause();
            videoElement.currentTime = 0;
          }
          
          // Disable blur effect
          if (blurManager) {
            blurManager.disable('video-modal');
            console.log('Modal closed, blur disabled');
          }
        } catch (error) {
          console.error('Error closing modal:', error);
          modal.style.display = 'none';
          if (blurManager) {
            blurManager.disable('video-modal');
          }
        }
      };

      // Close button
      if (closeBtn) {
        closeBtn.addEventListener('click', (e) => {
          e.preventDefault();
          closeModal();
        });
      }

      // Close on backdrop click
      modal.addEventListener('click', (e) => {
        const rect = modal.getBoundingClientRect();
        const isInDialog = (
          rect.top <= e.clientY &&
          e.clientY <= rect.top + rect.height &&
          rect.left <= e.clientX &&
          e.clientX <= rect.left + rect.width
        );
        
        if (!isInDialog) {
          closeModal();
        }
      });

      // Close on Escape key
      document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape' && modal.hasAttribute('open')) {
          closeModal();
        }
      });

      // Native close event
      modal.addEventListener('close', () => {
        if (isModalYouTube) {
          videoElement.src = '';
        } else {
          videoElement.pause();
          videoElement.currentTime = 0;
        }
        if (blurManager) {
          blurManager.disable('video-modal');
        }
      });
    }); // Close DOMContentLoaded
  } // Close else (video mode)
})();</script> <section class="pt-32 pb-4 lg:py-14 bg-white -mt-24 -mb-14 lg:mt-0"> <div class="container mx-auto px-4 max-w-6xl"> <div class="text-center mb-8 lg:mb-10"> <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold mb-3 lg:mb-4 pt-8">Improve the way your football team is managed.</h2> <p class="text-base lg:text-xl text-base-content/70 leading-relaxed">
TeamStats gives you everything you need for better management, organisation, analysis and communication.
</p> </div>  <div class="block md:hidden mt-6"> <div class="transform-swiper swiper"> <div class="swiper-wrapper"> <!-- Organise --> <div class="swiper-slide"> <a href="/organise" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-blue-700 text-white text-xs font-semibold px-3 py-1 tracking-wide">ORGANISE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png" alt="football icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Organise your matches and training</h3> <p class="text-sm">
Manage your schedule, track who's available and plan your lineups
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> </div> <!-- Analyse --> <div class="swiper-slide"> <a href="/analyse" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-red-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">ANALYSE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png" alt="line chart icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Record and analyse your performances</h3> <p class="text-sm">
Auto-generated, in-depth match reports and statistics - just like the pros.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> </div> <!-- Manage --> <div class="swiper-slide"> <a href="/finances" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-green-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">MANAGE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png" alt="coins icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Manage your team and player finances</h3> <p class="text-sm">
Track every payment and receive card payments from team members.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> </div> <!-- Create --> <div class="swiper-slide"> <a href="/communicate" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-sky-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">CREATE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png" alt="laptop and mobile phone icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Create your own team app and website</h3> <p class="text-sm">
Share fixtures, results, news and media with your team and supporters.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> </div> </div> <div class="swiper-pagination mt-4"></div> </div> </div>  <div class="hidden md:grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <!-- Organise --> <a href="/organise" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl transition-colors cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-blue-700 text-white text-xs font-semibold px-3 py-1 tracking-wide">ORGANISE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Football-2-icon.png" alt="football icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Organise your matches and training</h3> <p class="text-sm">
Manage your schedule, track who's available and plan your lineups
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> <!-- Analyse --> <a href="/analyse" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl transition-colors cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-red-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">ANALYSE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Line-Chart-3-icon.png" alt="line chart icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Record and analyse your performances</h3> <p class="text-sm">
Auto-generated, in-depth match reports and statistics - just like the pros.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> <!-- Manage --> <a href="/finances" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl transition-colors cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-green-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">MANAGE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Coins-icon.png" alt="coins icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Manage your team and player finances</h3> <p class="text-sm">
Track every payment and receive card payments from team members.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> <!-- Create --> <a href="/communicate" class="card bg-gradient-to-b from-white to-base-200 border border-base-300 rounded-2xl transition-colors cursor-pointer"> <div class="card-body items-center text-center"> <div class="mb-2"> <span class="inline-block rounded-full bg-sky-600 text-white text-xs font-semibold px-3 py-1 tracking-wide">CREATE</span> </div> <picture> <source srcset="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-300-90/icons/Laptop-Phone-icon.png" alt="laptop and mobile phone icon" loading="lazy" class="w-24 h-24 mb-4"> </picture> <h3 class="card-title text-lg">Create your own team app and website</h3> <p class="text-sm">
Share fixtures, results, news and media with your team and supporters.
</p> <div class="card-actions mt-4"> <span class="text-primary font-semibold">Learn More</span> </div> </div> </a> </div> <!-- App Store Badges --> <div class="mt-10 lg:mt-16 flex justify-center md:-mb-10 lg:-mb-4 relative z-20"> <div class="flex gap-5 justify-center"> <div class="flex flex-col items-center"> <a href="https://apps.apple.com/gb/app/teamstats-football-team-app/id1275644100" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/app-store-badge.png?f=avif" alt="Download on the Apple App Store" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> <div class="flex flex-col items-center"> <a href="https://play.google.com/store/apps/details?id=net.teamstats.app" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44"> <img src="https://assets.teamstats.net/img-m-320-100/logos/app-stores/google-play-badge.png?f=avif" alt="Get it on Google Play" loading="lazy" width="320" height="95" class="w-full h-auto shadow-lg"> </a> <div class="text-xs mt-1">⭐⭐⭐⭐⭐</div> </div> </div> </div> </div> <script type="module" src="/_astro/TransformSection.astro_astro_type_script_index_0_lang.DCAiXUT0.js"></script> </section> <section class="py-10 lg:py-14 bg-100" data-astro-cid-x4g36ggu> <div class="container mx-auto px-3 md:px-4 max-w-6xl pt-8" data-astro-cid-x4g36ggu> <div class="text-center mb-6 lg:mb-8 pt-14" data-astro-cid-x4g36ggu> <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold mb-3 lg:mb-4" data-astro-cid-x4g36ggu>For use by all football teams and every team member</h2> <p class="text-base lg:text-xl text-base-content/70 pb-4 lg:pb-8 leading-relaxed text-center" data-astro-cid-x4g36ggu>
Management, players and team members can all use TeamStats to organise, communicate and collaborate.
</p> </div>  <div class="block md:hidden" data-astro-cid-x4g36ggu> <div class="for-use-by-swiper swiper" data-astro-cid-x4g36ggu> <div class="swiper-wrapper" data-astro-cid-x4g36ggu> <div class="swiper-slide" data-astro-cid-x4g36ggu> <a href="/team-communication-app#management-staff-officials" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/kids-football-manager.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/kids-football-manager.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg" alt="Football team management staff" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Management</h3> </div> </a> </div> <div class="swiper-slide" data-astro-cid-x4g36ggu> <a href="/team-communication-app#players" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/mary-dendy.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/mary-dendy.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg" alt="Football team players" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Players</h3> </div> </a> </div> <div class="swiper-slide" data-astro-cid-x4g36ggu> <a href="/team-communication-app#parents-supporters" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/soccer-moms.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/soccer-moms.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg" alt="Football team parents and supporters" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Parents & Fans</h3> </div> </a> </div> </div> <div class="swiper-pagination mt-4" data-astro-cid-x4g36ggu></div> </div> </div>  <div class="hidden md:grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-8" data-astro-cid-x4g36ggu> <a href="/team-communication-app#management-staff-officials" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/kids-football-manager.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/kids-football-manager.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/kids-football-manager.jpg" alt="Football team management staff" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Management</h3> </div> </a> <a href="/team-communication-app#players" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/mary-dendy.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/mary-dendy.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/mary-dendy.jpg" alt="Football team players" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Players</h3> </div> </a> <a href="/team-communication-app#parents-supporters" class="block" data-astro-cid-x4g36ggu> <div class="image-card" data-astro-cid-x4g36ggu> <picture> <source srcset="https://assets.teamstats.net/img-m-800-80/photos/soccer-moms.jpg?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-80/photos/soccer-moms.jpg?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-500-75/photos/soccer-moms.jpg" alt="Football team parents and supporters" loading="lazy" width="500" height="500"> </picture> <h3 data-astro-cid-x4g36ggu>Parents & Fans</h3> </div> </a> </div> </div> <script type="module" src="/_astro/ForUseBySection.astro_astro_type_script_index_0_lang.Bzf7RamR.js"></script> </section> <section class="pt-16 pb-16 lg:py-24 bg-white lg:mt-0 overflow-hidden lg:overflow-visible" id="index-1"> <div class="container mx-auto px-4 max-w-6xl"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 items-center "> <div class="lg:order-1 relative z-10 px-4 lg:px-4 "> <h2 class="mt-4 lg:mt-6 text-2xl md:text-3xl lg:text-4xl font-bold leading-tight mb-3 lg:mb-4"> Better team organisation gives you back your time </h2> <a href="/organise" class="block text-base lg:text-lg font-medium text-primary mb-4 lg:mb-5 leading-relaxed max-w-xl hover:underline"> Plan and organise your whole season, ensuring your team members always know the details that matter. </a> <div class="mb-6 lg:mb-8"> <button class="trigger-signup btn btn-primary btn-lg w-full sm:w-auto font-semibold mt-6 mb-6 pt-8 pb-8"> Get started for free </button> </div> <ul class="space-y-2 lg:space-y-3 mb-2 lg:mb-4"> <li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Arrange matches, training, tournaments, presentations, tours and all other team events</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Make sure you always have a full squad by automatically knowing who&#39;s available with plenty of time to spare.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Experiment with your line-ups to tweak your tactics for the next big game.</span> </li> </ul> <div class="mt-10 mb-4"> <a href="/organise" class="btn btn-outline btn-primary btn-lg inline-flex items-center gap-2 px-8 py-3 pt-8 pb-8"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> <span>learn more about improving your team organisation</span> </a> </div> </div> <div class="lg:order-2"> <div class="device-showcase-container" style="
    --container-height-mobile: 450px;
    --container-height-desktop: 520px;
  " data-astro-cid-5svpmbcj> <div class="device-wrapper hide-mobile" style="
          --x-offset-desktop: -80px;
          --y-offset-desktop: 50px;
          --x-offset-mobile: -80px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.7058823529411765;
          --mobile-scale: 0.9411764705882353;
          --z-index: 1;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj> <div class="phone-frame-single" data-astro-cid-esjtk2be> <div class="phone-screen-single" data-astro-cid-esjtk2be> <picture class="w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/admin-team-lineup-mobile.png" alt="Better team organisation gives you back your time - phone view" loading="lazy" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div> </div>     </div><div class="device-wrapper " style="
          --x-offset-desktop: 120px;
          --y-offset-desktop: 60px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.9411764705882353;
          --mobile-scale: 0.9411764705882353;
          --z-index: 2;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>  <div class="phone-frame-video phone-frame-video-shadow" data-astro-cid-wc5sb4d6> <div class="phone-screen-video" data-astro-cid-wc5sb4d6> <video data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/features/organisation.mp4" loop muted playsinline aria-label="Better team organisation gives you back your time - phone view" data-astro-cid-wc5sb4d6></video> </div> </div>    </div> </div> </div> </div> </div> </section><section class="pt-16 pb-16 lg:py-24 bg-[#f0f0f0] lg:mt-0 overflow-hidden lg:overflow-visible" id="index-2"> <div class="container mx-auto px-4 max-w-6xl"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 items-center lg:flex-row-reverse"> <div class="lg:order-2 relative z-10 px-4 lg:px-4 "> <h2 class="mt-4 lg:mt-6 text-2xl md:text-3xl lg:text-4xl font-bold leading-tight mb-3 lg:mb-4"> Gain insights into your performance with match reports and team statistics </h2> <a href="/analyse" class="block text-base lg:text-lg font-medium text-primary mb-4 lg:mb-5 leading-relaxed max-w-xl hover:underline"> Your match details are used to generate stunning match reports with extensive stats for both team and players. </a> <div class="mb-6 lg:mb-8"> <button class="trigger-signup btn btn-primary btn-lg w-full sm:w-auto font-semibold mt-6 mb-6 pt-8 pb-8"> Get started for free </button> </div> <ul class="space-y-2 lg:space-y-3 mb-2 lg:mb-4"> <li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Keep a detailed record of your season&#39;s performance with match reports that summarise every game.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">A full range of advanced statistics for your team and players - automatically created for you.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Track and analyse your players&#39; performance with individual performance stats.</span> </li> </ul> <div class="mt-10 mb-4"> <a href="/analyse" class="btn btn-outline btn-primary btn-lg inline-flex items-center gap-2 px-8 py-3 pt-8 pb-8"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> <span>learn more about performance analysis</span> </a> </div> </div> <div class="lg:order-1"> <div class="device-showcase-container" style="
    --container-height-mobile: 450px;
    --container-height-desktop: 480px;
  " data-astro-cid-5svpmbcj> <div class="device-wrapper hide-mobile" style="
          --x-offset-desktop: -200px;
          --y-offset-desktop: 90px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 1;
          --mobile-scale: 0.6;
          --z-index: 1;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>   <div class="laptop-frame" data-astro-cid-ptqbfvrg> <div class="laptop-screen" data-astro-cid-ptqbfvrg> <picture class="absolute inset-0 w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-1440-80/screenshots/match-report-desktop.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1440-80/screenshots/match-report-desktop.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-75/screenshots/match-report-desktop.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-75/screenshots/match-report-desktop.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-75/screenshots/match-report-desktop.png" alt="Gain insights into your performance with match reports and team statistics - laptop view" loading="lazy" width="800" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> </div> <div class="laptop-base" data-astro-cid-ptqbfvrg></div> </div>   </div><div class="device-wrapper " style="
          --x-offset-desktop: 80px;
          --y-offset-desktop: 80px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.9411764705882353;
          --mobile-scale: 0.9411764705882353;
          --z-index: 2;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>  <div class="phone-frame-video phone-frame-video-shadow" data-astro-cid-wc5sb4d6> <div class="phone-screen-video" data-astro-cid-wc5sb4d6> <video data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/features/reports-stats.mp4" loop muted playsinline aria-label="Gain insights into your performance with match reports and team statistics - phone view" data-astro-cid-wc5sb4d6></video> </div> </div>    </div> </div> </div> </div> </div> </section><section class="pt-16 pb-16 lg:py-24 bg-white lg:mt-0 overflow-hidden lg:overflow-visible" id="index-3"> <div class="container mx-auto px-4 max-w-6xl"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 items-center "> <div class="lg:order-1 relative z-10 px-4 lg:px-4 "> <h2 class="mt-4 lg:mt-6 text-2xl md:text-3xl lg:text-4xl font-bold leading-tight mb-3 lg:mb-4"> Simplified team and player finances </h2> <a href="/finances" class="block text-base lg:text-lg font-medium text-primary mb-4 lg:mb-5 leading-relaxed max-w-xl hover:underline"> We crunch the numbers so you don&#39;t have to.  Keep on top of all financial activity and receive player payments online. </a> <div class="mb-6 lg:mb-8"> <button class="trigger-signup btn btn-primary btn-lg w-full sm:w-auto font-semibold mt-6 mb-6 pt-8 pb-8"> Get started for free </button> </div> <ul class="space-y-2 lg:space-y-3 mb-2 lg:mb-4"> <li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Record, assign and manage your payments, costs, fees, charges, expenses and fines.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Access a range of simple reports to show you all the information you need to know exactly where you stand.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Receive secure debit/credit card payments from your team members - get paid faster and more often.</span> </li> </ul> <div class="mt-10 mb-4"> <a href="/finances" class="btn btn-outline btn-primary btn-lg inline-flex items-center gap-2 px-8 py-3 pt-8 pb-8"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> <span>learn more about managing your finances</span> </a> </div> </div> <div class="lg:order-2"> <div class="device-showcase-container" style="
    --container-height-mobile: 450px;
    --container-height-desktop: 520px;
  " data-astro-cid-5svpmbcj> <div class="device-wrapper hide-mobile" style="
          --x-offset-desktop: -80px;
          --y-offset-desktop: 50px;
          --x-offset-mobile: -80px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.7058823529411765;
          --mobile-scale: 0.9411764705882353;
          --z-index: 1;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj> <div class="phone-frame-single" data-astro-cid-esjtk2be> <div class="phone-screen-single" data-astro-cid-esjtk2be> <picture class="w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-550-80/screenshots/finances-overview.png" alt="Simplified team and player finances - phone view" loading="lazy" width="550" height="1100" class="w-full h-full object-contain"> </picture> </div> </div>     </div><div class="device-wrapper " style="
          --x-offset-desktop: 120px;
          --y-offset-desktop: 60px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.9411764705882353;
          --mobile-scale: 0.9411764705882353;
          --z-index: 2;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>  <div class="phone-frame-video phone-frame-video-shadow" data-astro-cid-wc5sb4d6> <div class="phone-screen-video" data-astro-cid-wc5sb4d6> <video data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/features/finances-overview.mp4" loop muted playsinline aria-label="Simplified team and player finances - phone view" data-astro-cid-wc5sb4d6></video> </div> </div>    </div> </div> </div> </div> </div> </section><section class="pt-16 pb-16 lg:py-24 bg-[#f0f0f0] lg:mt-0 overflow-hidden lg:overflow-visible" id="index-4"> <div class="container mx-auto px-4 max-w-6xl"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 items-center lg:flex-row-reverse"> <div class="lg:order-2 relative z-10 px-4 lg:px-4 "> <h2 class="mt-4 lg:mt-6 text-2xl md:text-3xl lg:text-4xl font-bold leading-tight mb-3 lg:mb-4"> Transform team communciation and boost team member engagement </h2> <a href="/communicate" class="block text-base lg:text-lg font-medium text-primary mb-4 lg:mb-5 leading-relaxed max-w-xl hover:underline"> Management, players, parents and supporters can all use your team app and website to effectively communciate and collaborate. </a> <div class="mb-6 lg:mb-8"> <button class="trigger-signup btn btn-primary btn-lg w-full sm:w-auto font-semibold mt-6 mb-6 pt-8 pb-8"> Get started for free </button> </div> <ul class="space-y-2 lg:space-y-3 mb-2 lg:mb-4"> <li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Your team app and website look and work the same on any device or platform - automatically synchronised with every update you make.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Share team news, documents, photos and video with your team members,  parents and fans.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Quickly contact your squad and contacts using multiple channels.</span> </li><li class="flex items-start"> <svg class="w-4 h-4 text-primary mr-3 shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" stroke-width="2"/> </svg> <span class="text-base lg:text-lg text-base-content">Schedule and send automated alerts for your matches, training and team events.</span> </li> </ul> <div class="mt-10 mb-4"> <a href="/communicate" class="btn btn-outline btn-primary btn-lg inline-flex items-center gap-2 px-8 py-3 pt-8 pb-8"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> <span>learn more about better team communication</span> </a> </div> </div> <div class="lg:order-1"> <div class="device-showcase-container" style="
    --container-height-mobile: 450px;
    --container-height-desktop: 480px;
  " data-astro-cid-5svpmbcj> <div class="device-wrapper hide-mobile" style="
          --x-offset-desktop: -200px;
          --y-offset-desktop: 90px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 1;
          --mobile-scale: 0.6;
          --z-index: 1;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>   <div class="laptop-frame" data-astro-cid-ptqbfvrg> <div class="laptop-screen" data-astro-cid-ptqbfvrg> <picture class="absolute inset-0 w-full h-full"> <source srcset="https://assets.teamstats.net/img-m-1440-80/screenshots/desktop-team-home-1440.png?f=avif" type="image/avif" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-1440-80/screenshots/desktop-team-home-1440.png?f=webp" type="image/webp" media="(min-width: 768px)"><source srcset="https://assets.teamstats.net/img-m-800-75/screenshots/desktop-team-home-1440.png?f=avif" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-75/screenshots/desktop-team-home-1440.png?f=webp" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-75/screenshots/desktop-team-home-1440.png" alt="Transform team communciation and boost team member engagement - laptop view" loading="lazy" width="800" height="500" class="absolute inset-0 w-full h-full object-cover"> </picture> </div> <div class="laptop-base" data-astro-cid-ptqbfvrg></div> </div>   </div><div class="device-wrapper " style="
          --x-offset-desktop: 80px;
          --y-offset-desktop: 80px;
          --x-offset-mobile: 0px;
          --y-offset-mobile: 0px;
          --desktop-scale: 0.9411764705882353;
          --mobile-scale: 0.9411764705882353;
          --z-index: 2;
          --margin-top-desktop: 0px;
          --margin-top-mobile: 0px;
        " data-astro-cid-5svpmbcj>  <div class="phone-frame-video phone-frame-video-shadow" data-astro-cid-wc5sb4d6> <div class="phone-screen-video" data-astro-cid-wc5sb4d6> <video data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/features/communication-overview.mp4" loop muted playsinline aria-label="Transform team communciation and boost team member engagement - phone view" data-astro-cid-wc5sb4d6></video> </div> </div>    </div> </div> </div> </div> </div> </section><section class="pt-16 pb-16 lg:pt-24 lg:pb-16 bg-white" data-astro-cid-tegb73yx> <div class="container mx-auto px-4 max-w-6xl" data-astro-cid-tegb73yx> <div class="text-center mb-8 lg:mb-16" data-astro-cid-tegb73yx> <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold mb-2" data-astro-cid-tegb73yx>
TeamStats is already helping thousands of teams just like yours
</h2> </div> <div class="overflow-hidden mask-[linear-gradient(to_right,transparent_0,black_64px,black_calc(100%-64px),transparent_100%)]" data-astro-cid-tegb73yx> <div class="logos-track" data-astro-cid-tegb73yx> <div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Ashfield-Juniors-Football-Club-Glasgow.jpg" alt="Ashfield Juniors Football Club Glasgow" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Bransgore-Youth-U9s.jpg" alt="Bransgore Youth U9s" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Cottenham-Colts-U11-Black.png" alt="Cottenham Colts U11 Black" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/De-La-Salle-Girls-Manchester.jpg" alt="De La Salle Girls Manchester" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/FC-Bury-Vipers-U13.jpg" alt="FC Bury Vipers U13" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Flitwick-Eagles-Girls-U11s.png" alt="Flitwick Eagles Girls U11s" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/kiveton-park-fc-u9.jpg" alt="Kiveton Park FC U9" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Leafield-Athletic-U14-Colts.png" alt="Leafield Athletic U14 Colts" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Prague-Raptors-FC.png" alt="Prague Raptors FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Saxmundham-Sports-U13.jpg" alt="Saxmundham Sports U13" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/TJ-Sokol-Repy-06.png" alt="TJ Sokol Repy 06" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Tower-Hill-U9.jpg" alt="Tower Hill U9" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/West-Yorkshire-Falcons-FC.jpg" alt="West Yorkshire Falcons FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Whittlesey-Junior-FC.png" alt="Whittlesey Junior FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Wythenshawe-Town-Mavericks-U12s.jpg" alt="Wythenshawe Town Mavericks U12s" loading="lazy" data-astro-cid-tegb73yx> </div> <div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Ashfield-Juniors-Football-Club-Glasgow.jpg" alt="Ashfield Juniors Football Club Glasgow" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Bransgore-Youth-U9s.jpg" alt="Bransgore Youth U9s" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Cottenham-Colts-U11-Black.png" alt="Cottenham Colts U11 Black" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/De-La-Salle-Girls-Manchester.jpg" alt="De La Salle Girls Manchester" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/FC-Bury-Vipers-U13.jpg" alt="FC Bury Vipers U13" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Flitwick-Eagles-Girls-U11s.png" alt="Flitwick Eagles Girls U11s" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/kiveton-park-fc-u9.jpg" alt="Kiveton Park FC U9" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Leafield-Athletic-U14-Colts.png" alt="Leafield Athletic U14 Colts" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Prague-Raptors-FC.png" alt="Prague Raptors FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Saxmundham-Sports-U13.jpg" alt="Saxmundham Sports U13" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/TJ-Sokol-Repy-06.png" alt="TJ Sokol Repy 06" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Tower-Hill-U9.jpg" alt="Tower Hill U9" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/West-Yorkshire-Falcons-FC.jpg" alt="West Yorkshire Falcons FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Whittlesey-Junior-FC.png" alt="Whittlesey Junior FC" loading="lazy" data-astro-cid-tegb73yx> </div><div class="logo-item" data-astro-cid-tegb73yx> <img src="https://assets.teamstats.net/img-m-100-70/logos/team-logos/Wythenshawe-Town-Mavericks-U12s.jpg" alt="Wythenshawe Town Mavericks U12s" loading="lazy" data-astro-cid-tegb73yx> </div> </div> </div> </div> </section> <section class="pt-4 pb-6 lg:pt-6 lg:pb-8 bg-white"> <div class="container mx-auto px-4 max-w-6xl"> <div class="home-testimonials-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="C Yatesy - Apple App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"Been using the TeamStats app for years and recently tried the full app – couldn’t recommend highly enough. Fantastic app run by fantastic people!"
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> C Yatesy </p> <p class="text-[11px] md:text-xs text-base-content/70"> Apple App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="Christian Keegan - Google Play App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"I used TeamStats for years as a coach and it made such a difference to the organisation of training and matches. My favourite part was the data it stored about goals, assists and game time for the players."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Christian Keegan </p> <p class="text-[11px] md:text-xs text-base-content/70"> Google Play App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="JD17 - Apple App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"I have used TeamStats for many years – it’s a superb app for grassroots football, easy to use and effective. Great value for money and better than any of the alternatives I’ve tried."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> JD17 </p> <p class="text-[11px] md:text-xs text-base-content/70"> Apple App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="baloobear15 - Apple App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"What can I say about this app – everything you need from an app in your pocket."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> baloobear15 </p> <p class="text-[11px] md:text-xs text-base-content/70"> Apple App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="Ian Wilson - Google Play App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"Fantastic app – easy to use and great for keeping stats."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Ian Wilson </p> <p class="text-[11px] md:text-xs text-base-content/70"> Google Play App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="JoanneWitter - Apple App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"Used the app over the last month and entered matches since the start of the season. Very helpful to monitor team stats and player stats including goals scored."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> JoanneWitter </p> <p class="text-[11px] md:text-xs text-base-content/70"> Apple App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/FC-Bury-Vipers.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/FC-Bury-Vipers.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/FC-Bury-Vipers.jpg" alt="Jason Latham - FC Bury" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"TeamStats has made scheduling games and knowing which players are available so much easier. Its reduced my time as a coach doing this significantly."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Jason Latham </p> <p class="text-[11px] md:text-xs text-base-content/70"> FC Bury </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/tom-kelk/img-tmf-100-70-100-376116-289474-289474_500_Tom-Kelk_142746.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/tom-kelk/img-tmf-100-70-100-376116-289474-289474_500_Tom-Kelk_142746.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/tom-kelk/img-tmf-100-70-100-376116-289474-289474_500_Tom-Kelk_142746.jpg" alt="Tom Kelk - Mott Macdonald FC" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"TeamStats has allowed us to better manage a squad of 60 players across two teams. The scheduling and availability feature has been especially useful for players to plan ahead."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Tom Kelk </p> <p class="text-[11px] md:text-xs text-base-content/70"> Mott Macdonald FC </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="Scott Mccarthy - Google Play App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"Great app if you are involved with grassroots football. Our club has used this for seasons and the AI generated match report is very much worth paying for."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Scott Mccarthy </p> <p class="text-[11px] md:text-xs text-base-content/70"> Google Play App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/owain-roberts/img-tmf-100-70-100-693660-340279-340279_500_Owain-Roberts_169944.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/owain-roberts/img-tmf-100-70-100-693660-340279-340279_500_Owain-Roberts_169944.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/owain-roberts/img-tmf-100-70-100-693660-340279-340279_500_Owain-Roberts_169944.jpg" alt="Owain Roberts - Pentraeth FC" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"A great collective hub to bring players together and a fantastic aid in team decision making. Would highly recommend any football club to adopt its use."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Owain Roberts </p> <p class="text-[11px] md:text-xs text-base-content/70"> Pentraeth FC </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="Barks44 - Apple App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"This app is a must for any grassroots teams. Import fixtures from the FA website and record all kinds of stats for multiple teams. Customer support is 5 star too."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Barks44 </p> <p class="text-[11px] md:text-xs text-base-content/70"> Apple App Store Review </p> </div> </div> </div> </div><div class="swiper-slide"> <div class="h-[320px] md:h-[360px] lg:h-[380px] rounded-2xl border border-base-300 bg-base-100/95 overflow-hidden shadow-sm"> <div class="relative flex flex-col items-center text-center px-6 py-6 h-full bg-gradient-to-b from-base-100 to-base-200"> <div class="mb-3 flex flex-col items-center gap-1"> <picture> <source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=avif&v=130126-1" type="image/avif"><source srcset="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg?f=webp&v=130126-1" type="image/webp"> <img src="https://assets.teamstats.net/img-m-800-100/photos/teams/kids-football-manager.jpg" alt="Paul Bessant - Google Play App Store Review" loading="lazy" class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border border-base-300 shadow-sm"> </picture> <p class="text-[11px] md:text-xs text-yellow-400">
⭐⭐⭐⭐⭐
</p> </div> <blockquote class="text-xs md:text-sm lg:text-sm font-medium leading-relaxed max-w-xs md:max-w-sm mx-auto mb-3 text-base-content">
"If you&#39;re looking for an app to keep your club information all in one place then this is the app. Player availability, match details, line‑ups, match reports and finances – it has it all."
</blockquote> <div class="flex flex-col items-center gap-1 mt-auto"> <p class="font-bold text-xs md:text-sm text-base-content"> Paul Bessant </p> <p class="text-[11px] md:text-xs text-base-content/70"> Google Play App Store Review </p> </div> </div> </div> </div> </div> <div class="swiper-pagination mt-4"></div> </div> <div class="text-center mt-16 mb-12"> <a href="/success-stories" class="text-primary hover:underline font-medium">
Read more of our user testimonials and team success stories
</a> </div> </div> <script type="module" src="/_astro/HomeTestimonialsSlider.astro_astro_type_script_index_0_lang.OyMdNw1G.js"></script> </section> <section class="pt-2 pb-8 lg:pt-3 lg:pb-10 bg-white"> <div class="container mx-auto px-4 max-w-6xl"> <div class="flex flex-wrap justify-center items-center gap-5"> <a href="https://play.google.com/store/apps/details?id=net.teamstats.app&showAllReviews=true" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44 transition-transform hover:scale-105"> <img src="https://assets.teamstats.net/img-m-150-100/logos/app-stores/google-play-badge-reviews.png" alt="Google Play Store Reviews" class="w-full h-auto" loading="lazy"> </a><a href="https://apps.apple.com/gb/app/teamstats-football-team-app/id1275644100?mt=8" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44 transition-transform hover:scale-105"> <img src="https://assets.teamstats.net/img-m-150-100/logos/app-stores/app-store-badge-reviews.png" alt="iOS App Store Reviews" class="w-full h-auto" loading="lazy"> </a><a href="https://www.capterra.com/reviews/172849/TeamStats?utm_source=vendor&utm_medium=badge&utm_campaign=capterra_reviews_badge" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44 transition-transform hover:scale-105"> <img src="https://assets.capterra.com/badge/e2648189ae85a45695edeae732097b5e.png?v=2119767&p=172849" alt="Capterra Reviews" class="w-full h-auto" loading="lazy"> </a><a href="https://tinyurl.com/teamstats-google-reviews" target="_blank" rel="noopener noreferrer" class="block w-40 sm:w-44 transition-transform hover:scale-105"> <img src="https://assets.teamstats.net/img-m-150-100/logos/app-stores/google-reviews.png" alt="Google Reviews" class="w-full h-auto" loading="lazy"> </a> </div> </div> </section> <section class="video-hero-section" id="video" data-astro-cid-ux2kju4p> <!-- Background video (muted, autoplay, loop) --> <div class="video-bg" data-astro-cid-ux2kju4p>  <video src="https://assets.teamstats.net/mainsite/assets/video/backgrounds/Drone-Match-2.mp4" data-lazy-src="https://assets.teamstats.net/mainsite/assets/video/backgrounds/Drone-Match-2.mp4" muted loop playsinline class="bg-video-element video-hero-bg" aria-label="Background video" data-astro-cid-ux2kju4p></video> <!-- Dark overlay for readability --> <div class="video-overlay" data-astro-cid-ux2kju4p></div> </div> <!-- Content overlay --> <div class="container mx-auto px-4 max-w-7xl" data-astro-cid-ux2kju4p> <div class="content-with-mockup" data-astro-cid-ux2kju4p> <div class="content-wrapper" data-astro-cid-ux2kju4p> <h2 class="hero-title" data-astro-cid-ux2kju4p>Are you ready to kick off?</h2> <p class="hero-description" data-astro-cid-ux2kju4p>Registering your team is quick and easy. Just enter a few basic details and we&#39;ll do the rest.</p> <!-- CTA button - uses same classes as other Get Started buttons -->
          <button class="trigger-signup btn btn-primary btn-lg uppercase font-semibold" data-astro-cid-ux2kju4p> GET STARTED FOR FREE </button> </div> <!-- Optional phone mockup slot --> <div class="mockup-wrapper" data-astro-cid-ux2kju4p>  </div> </div> </div>  </section>  <script>(function(){const modalVideoUrl = "https://www.youtube.com/embed/undefined?autoplay=1&rel=0&modestbranding=1";
const isModalYouTube = true;
const buttonMode = "cta";

  // Only run video modal logic if in video mode
  if (buttonMode !== 'video') {
    // CTA mode - button is handled by signup-modal.js via trigger-signup class
    console.log('VideoHeroSection in CTA mode - signup handled by signup-modal.js');
  } else {
    // Video mode - setup modal
    // Wait for DOM to be fully loaded
    document.addEventListener('DOMContentLoaded', () => {
      // Use global BlurManager (loaded from blur-manager.js)
      const blurManager = window.blurManager;
        const modal = document.getElementById('videoModal');
        const openBtn = document.getElementById('openVideoModal');
        const closeBtn = document.getElementById('closeVideoModal');
        const videoElement = document.getElementById('modalVideoElement');
        
        // Debug: Check if elements exist
        if (!modal) {
          console.error('Video modal not found');
          return;
        }
        if (!openBtn) {
          console.error('Open button not found');
          return;
        }
        if (!videoElement) {
          console.error('Modal video element not found');
          return;
        }
      
      // Check if browser supports <dialog>
      if (typeof modal.showModal !== 'function') {
        console.warn('Browser does not support <dialog> element. Using fallback.');
        modal.style.display = 'none';
      }
      
      console.log('Modal video URL:', modalVideoUrl);
      console.log('Is YouTube:', isModalYouTube);

      // Open modal
      openBtn.addEventListener('click', (e) => {
        e.preventDefault();
        console.log('Play button clicked');
        
        try {
          // Set video source based on type
          if (isModalYouTube) {
            videoElement.src = modalVideoUrl;
            console.log('YouTube iframe src set to:', videoElement.src);
          } else {
            // For local video, just play it (src is already set in HTML)
            videoElement.play();
            console.log('Local video playing');
          }
          
          // Use showModal if supported, otherwise fallback
          if (typeof modal.showModal === 'function') {
            modal.showModal();
          } else {
            modal.style.display = 'flex';
            modal.setAttribute('open', '');
          }
          
          // Enable blur effect
          if (blurManager) {
            blurManager.enable('video-modal');
            console.log('Modal opened with blur effect');
          }
        } catch (error) {
          console.error('Error opening modal:', error);
          modal.style.display = 'flex';
          modal.setAttribute('open', '');
        }
      });

      // Close modal function
      const closeModal = () => {
        try {
          if (typeof modal.close === 'function') {
            modal.close();
          } else {
            modal.style.display = 'none';
            modal.removeAttribute('open');
          }
          
          // Stop video based on type
          if (isModalYouTube) {
            videoElement.src = '';
          } else {
            videoElement.pause();
            videoElement.currentTime = 0;
          }
          
          // Disable blur effect
          if (blurManager) {
            blurManager.disable('video-modal');
            console.log('Modal closed, blur disabled');
          }
        } catch (error) {
          console.error('Error closing modal:', error);
          modal.style.display = 'none';
          if (blurManager) {
            blurManager.disable('video-modal');
          }
        }
      };

      // Close button
      if (closeBtn) {
        closeBtn.addEventListener('click', (e) => {
          e.preventDefault();
          closeModal();
        });
      }

      // Close on backdrop click
      modal.addEventListener('click', (e) => {
        const rect = modal.getBoundingClientRect();
        const isInDialog = (
          rect.top <= e.clientY &&
          e.clientY <= rect.top + rect.height &&
          rect.left <= e.clientX &&
          e.clientX <= rect.left + rect.width
        );
        
        if (!isInDialog) {
          closeModal();
        }
      });

      // Close on Escape key
      document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape' && modal.hasAttribute('open')) {
          closeModal();
        }
      });

      // Native close event
      modal.addEventListener('close', () => {
        if (isModalYouTube) {
          videoElement.src = '';
        } else {
          videoElement.pause();
          videoElement.currentTime = 0;
        }
        if (blurManager) {
          blurManager.disable('video-modal');
        }
      });
    }); // Close DOMContentLoaded
  } // Close else (video mode)
})();</script> <footer class="bg-neutral-900 text-neutral-100 pt-10 pb-8"> <div class="max-w-6xl mx-auto px-6"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-10"> <div> <ul class="space-y-2 text-sm md:text-base"> <li> <a href="/" class="hover:text-white">Home</a> </li> <li> <a href="/all-teamstats-features" class="hover:text-white">Features</a> </li> <li> <a href="/pricing" class="hover:text-white">Pricing</a> </li> <li> <button class="signup-trigger hover:text-white">Sign Up</button> </li> <li> <a class="pt-3 hover:text-white" href="#" data-fancybox data-type="iframe" data-src="https://www.youtube.com/embed/r8SvuQnKoYE?autoplay=1&modestbranding=1&rel=0&iv_load_policy=3&controls=0">
Video Tour
</a> </li> <li> <a href="/advertise-to-football-teams-players" class="hover:text-white">Advertise</a> </li> </ul> </div> <div> <ul class="space-y-2 text-sm md:text-base"> <li> <a href="/teamstats-top-50-football-teams" class="hover:text-white">Top 50 Teams</a> </li> <li> <a href="/teams" class="hover:text-white">Team Directory</a> </li> <li> <a href="/leagues" class="hover:text-white">League Directory</a> </li> <li> <a href="/match-reports" class="hover:text-white">Match Reports</a> </li> <li> <a href="/football-coaching" class="hover:text-white">Football Coaching</a> </li> </ul> </div> <div> <ul class="space-y-2 text-sm md:text-base"> <li> <a href="/blog" class="hover:text-white">TeamStats Blog</a> </li> <li> <a href="/blog/write-for-us" class="hover:text-white">Write for us</a> </li> <li> <a class="external-link social-media hover:text-white" target="_blank" rel="noopener" href="https://www.facebook.com/teamstats">
Like us on Facebook
</a> </li> <li> <a class="external-link social-media hover:text-white" target="_blank" rel="noopener" href="https://x.com/teamstats">
Follow us on X
</a> </li> <li> <a class="external-link social-media hover:text-white" target="_blank" rel="noopener" href="https://instagram.com/teamstatsapp">
Follow us on Instagram
</a> </li> <li> <a class="external-link social-media hover:text-white" target="_blank" rel="noopener" href="http://youtube.com/teamstats">
Watch us on YouTube
</a> </li> </ul> </div> <div class="flex flex-col items-start justify-start"> <div class="space-y-3"> <a class="external-link app-store inline-block" href="https://apps.apple.com/gb/app/teamstats-football-team-app/id1275644100?mt=8" target="_blank"> <img alt="Download the TeamStats iOS app" class="mb-3 shadow-lg max-w-[160px] w-full h-auto" src="https://assets.teamstats.net/img-m-250-70/logos/app-stores/app-store-badge.png"> </a> <a class="external-link app-store inline-block" href="https://play.google.com/store/apps/details?id=net.teamstats.app" target="_blank"> <img alt="Download the TeamStats Android app" class="shadow-lg max-w-[160px] w-full h-auto" src="https://assets.teamstats.net/img-m-250-70/logos/app-stores/google-play-badge.png"> </a> </div> </div> </div> <div class="mt-8 pt-4 border-t border-neutral-800 text-xs md:text-sm text-neutral-300"> <div class="mb-1">
&copy; <span class="update-year">2026</span> Teamstats.net Limited
</div> <div class="flex flex-wrap items-center gap-3"> <a href="/teamstats-privacy-policy" class="hover:text-white">Privacy Policy</a> <a href="/teamstats-terms-of-use" class="hover:text-white">Terms of Use</a> </div> </div> </div> </footer>  <dialog id="unsubscribeModal" class="modal"> <div class="modal-box"> <h3 class="font-bold text-lg">Unsubscribe Confirmation</h3> <p class="py-4"><span id="unsubscribeEmailText"></span> has now been unsubscribed from receiving emails.</p> <div class="modal-action"> <button id="unsubscribeModalClose" class="btn btn-primary">Close</button> </div> </div> </dialog> <script type="module">typeof window<"u"&&document.addEventListener("DOMContentLoaded",()=>{try{const o=new URLSearchParams(window.location.search||""),i=o.get("unsubscribe")||"",a=o.get("unsubscribeId")||"";if(!i)return;try{const t=new URL("https://api.teamstats.net/api/common/unsubscribe.asp");t.searchParams.set("email",i),a&&t.searchParams.set("unsubscribeId",a),fetch(t.toString(),{method:"GET",mode:"no-cors"}).catch(()=>{})}catch{}const e=document.getElementById("unsubscribeModal"),l=document.getElementById("unsubscribeEmailText"),r=document.getElementById("unsubscribeModalClose");if(!e||!l||!r)return;l.textContent=i;const n=window.blurManager,d=()=>{try{typeof e.showModal=="function"?e.showModal():(e.style.display="flex",e.setAttribute("open","")),n&&n.enable("unsubscribe-modal")}catch{e.style.display="flex",e.setAttribute("open","")}},c=()=>{try{typeof e.close=="function"?e.close():(e.style.display="none",e.removeAttribute("open")),n&&n.disable("unsubscribe-modal")}catch{e.style.display="none",n&&n.disable("unsubscribe-modal")}};r.addEventListener("click",t=>{t.preventDefault(),c()}),e.addEventListener("click",t=>{const s=e.getBoundingClientRect();s.top<=t.clientY&&t.clientY<=s.top+s.height&&s.left<=t.clientX&&t.clientX<=s.left+s.width||c()}),document.addEventListener("keydown",t=>{t.key==="Escape"&&e.hasAttribute("open")&&c()}),e.addEventListener("close",()=>{n&&n.disable("unsubscribe-modal")}),d()}catch{}});</script>  </div> <!-- Sign In Modal --><input type="checkbox" id="signin-modal" class="modal-toggle"> <div class="modal"> <div class="modal-box"> <h3 class="font-bold text-lg">Sign In to Your Account</h3> <p class="py-4">Access your dashboard and manage your projects.</p> <div class="form-control"> <label class="label"> <span class="label-text">Email</span> </label> <input type="email" placeholder="Enter your email" class="input input-bordered"> </div> <div class="form-control mt-4"> <label class="label"> <span class="label-text">Password</span> </label> <input type="password" placeholder="Enter your password" class="input input-bordered"> </div> <div class="form-control mt-4"> <label class="cursor-pointer label"> <span class="label-text">Remember me</span> <input type="checkbox" class="checkbox checkbox-primary"> </label> </div> <div class="modal-action"> <label for="signin-modal" class="btn btn-ghost">Cancel</label> <button class="btn btn-primary">Sign In</button> </div> </div> </div> <!-- Get Started Modal --><input type="checkbox" id="getstarted-modal" class="modal-toggle"> <div class="modal"> <div class="modal-box max-w-lg"> <h3 class="font-bold text-lg">Get Started with YourSaaS</h3> <p class="py-4">Choose how you'd like to begin your journey.</p> <div class="space-y-4"> <div class="card bg-base-200 cursor-pointer hover:bg-base-300 transition-colors"> <div class="card-body p-4"> <h4 class="font-semibold">Start Free Trial</h4> <p class="text-sm text-base-content/70">14 days free, no credit card required</p> </div> </div> <div class="card bg-base-200 cursor-pointer hover:bg-base-300 transition-colors"> <div class="card-body p-4"> <h4 class="font-semibold">View Pricing</h4> <p class="text-sm text-base-content/70">See all plans and features</p> </div> </div> <div class="card bg-base-200 cursor-pointer hover:bg-base-300 transition-colors"> <div class="card-body p-4"> <h4 class="font-semibold">Book Demo</h4> <p class="text-sm text-base-content/70">Schedule a personalized walkthrough</p> </div> </div> </div> <div class="modal-action"> <label for="getstarted-modal" class="btn btn-ghost">Close</label> </div> </div> </div> <div id="login-modal" class="fixed inset-0 z-[9999] hidden items-center justify-center bg-black/50 backdrop-blur-sm" data-astro-cid-4iwzqplc> <div class="card w-full max-w-md bg-white shadow-2xl mx-4 max-h-[90vh] flex flex-col overflow-hidden" data-astro-cid-4iwzqplc> <!-- Header --> <div class="flex items-center justify-between px-4 py-4 border-b bg-white" data-astro-cid-4iwzqplc> <h2 class="text-lg font-semibold tracking-tight" data-astro-cid-4iwzqplc>Log in to TeamStats</h2> <button id="close-login-modal" class="btn btn-xs btn-circle btn-ghost" aria-label="Close" data-astro-cid-4iwzqplc> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-4iwzqplc=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-4iwzqplc=""/> </svg> </button> </div> <div class="card-body flex-1 flex flex-col overflow-y-auto" data-astro-cid-4iwzqplc> <!-- Error Message --> <div id="login-error" class="alert alert-error hidden mb-4" data-astro-cid-4iwzqplc> <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24" data-astro-cid-4iwzqplc=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-4iwzqplc=""/> </svg> <span id="login-error-text" data-astro-cid-4iwzqplc></span> </div> <!-- Success Message --> <div id="login-success" class="hidden mb-4" data-astro-cid-4iwzqplc></div> <!-- Step 1: Login Form --> <div id="login-step-1" class="login-step flex flex-col flex-1" data-astro-cid-4iwzqplc> <form id="login-form" autocomplete="on" class="space-y-5" data-astro-cid-4iwzqplc> <div class="form-control" data-astro-cid-4iwzqplc> <label class="label pb-1" for="login-username" data-astro-cid-4iwzqplc> <span class="label-text text-sm font-semibold uppercase tracking-wide" data-astro-cid-4iwzqplc>Username or email address</span> </label> <input type="text" id="login-username" name="username" autocomplete="username" class="input input-bordered w-full bg-slate-50 text-base" required data-astro-cid-4iwzqplc> </div> <div class="form-control" data-astro-cid-4iwzqplc> <label class="label pb-1" for="login-password" data-astro-cid-4iwzqplc> <span class="label-text text-sm font-semibold uppercase tracking-wide" data-astro-cid-4iwzqplc>Password</span> </label> <input type="password" id="login-password" name="password" autocomplete="current-password" class="input input-bordered w-full bg-slate-50 text-base" required data-astro-cid-4iwzqplc> </div> <div class="form-control mt-6 mb-16" data-astro-cid-4iwzqplc> <button type="submit" class="btn btn-success w-full text-white text-base font-semibold tracking-wide" data-astro-cid-4iwzqplc>
LOG IN
</button> </div> </form> </div> <!-- Step: Team Selection (dynamically populated by login.js) --> <div id="login-step-teams" class="login-step hidden" data-astro-cid-4iwzqplc> <!-- Content injected by login.js after successful authentication --> </div> <!-- Step 2: Forgot Password --> <div id="login-step-2" class="login-step hidden" data-astro-cid-4iwzqplc> <div class="space-y-4" data-astro-cid-4iwzqplc> <p class="text-base-content/70" data-astro-cid-4iwzqplc>
Please enter your username OR your registered email address below - any matching account details will be emailed to you with further instructions
</p> <form id="forgot-password-form" class="space-y-4" data-astro-cid-4iwzqplc> <div class="form-control" data-astro-cid-4iwzqplc> <label class="label" for="forgot-username-email" data-astro-cid-4iwzqplc> <span class="label-text font-medium" data-astro-cid-4iwzqplc>Username or Email</span> </label> <input type="text" id="forgot-username-email" placeholder="Enter your username or email" class="input input-bordered w-full" required data-astro-cid-4iwzqplc> </div> <div class="form-control mt-6 mb-16" data-astro-cid-4iwzqplc> <button type="submit" class="btn btn-primary w-full text-sm font-semibold tracking-wide" data-astro-cid-4iwzqplc>
SUBMIT
</button> <p id="forgot-password-status" class="text-sm text-base-content/80 hidden" data-astro-cid-4iwzqplc></p> </div> </form> </div> </div> <!-- Footer: Forgot password link --> <div class="mt-auto pt-4 border-t text-center text-xs font-semibold tracking-wide text-primary" data-astro-cid-4iwzqplc> <a href="#" id="show-forgot-password" data-astro-cid-4iwzqplc>FORGOT PASSWORD?</a> </div> </div> </div> </div> <script type="module">let m=1;function r(t){m=t,document.querySelectorAll(".login-step").forEach(l=>l.classList.add("hidden"));const o=document.getElementById(`login-step-${t}`);o&&o.classList.remove("hidden");const n=document.querySelector("#login-modal h2");t===2?n&&(n.textContent="Forgot Password"):n&&(n.textContent="Log in to TeamStats");const e=document.getElementById("show-forgot-password"),s=e?.parentElement;e&&(e.textContent=t===2?"BACK TO LOG IN":"FORGOT PASSWORD?"),s&&(s.style.display=t===1||t===2?"":"none")}document.getElementById("show-forgot-password")?.addEventListener("click",t=>{t.preventDefault(),r(m===2?1:2)});document.getElementById("switch-to-signup")?.addEventListener("click",async t=>{t.preventDefault();const o=window.blurManager,n=document.getElementById("login-modal"),e=document.getElementById("full-page-overlay");n&&(n.classList.add("hidden"),n.classList.remove("flex")),e&&(e.classList.remove("hidden"),e.classList.add("flex")),o.disable("login-modal"),o.enable("signup-modal"),r(1)});document.getElementById("forgot-password-form")?.addEventListener("submit",async t=>{t.preventDefault();const o=t.target,n=document.getElementById("forgot-username-email"),e=document.getElementById("forgot-password-status"),s=o.querySelector('button[type="submit"]'),d=(n?.value||"").trim();if(d){e&&(e.classList.remove("hidden"),e.textContent="Sending reset instructions..."),s&&(s.disabled=!0,s.textContent="SENDING...");try{const i=window.getTeamStatsBaseUrl,u=`${(i?i():"https://www.teamstats.net").replace(/\/$/,"")}/api/user/forgottenPassword.asp?searchFor=${encodeURIComponent(d)}`,f=await fetch(u,{method:"GET",credentials:"include"});let c="If an account exists with that username or email, you will receive password reset instructions shortly.";try{const a=await f.json();a&&a.response&&typeof a.response.statusText=="string"&&(c=a.response.statusText)}catch{}e&&(e.textContent=c)}catch{e&&(e.textContent="There was a problem sending the reset email. Please try again in a moment.")}finally{s&&(s.disabled=!1,s.textContent="SUBMIT")}}});</script> <div id="full-page-overlay" class="fixed inset-0 z-9999 hidden items-center justify-center bg-black/50 backdrop-blur-sm" data-astro-cid-uc2ui6qy> <div class="card w-full max-w-lg bg-white shadow-2xl mx-4 max-h-[90vh] overflow-y-auto" data-astro-cid-uc2ui6qy> <div class="card-body" data-astro-cid-uc2ui6qy> <!-- Header --> <div class="flex items-start justify-between mb-6" data-astro-cid-uc2ui6qy> <div data-astro-cid-uc2ui6qy> <h2 id="signup-title" class="card-title text-3xl font-bold" data-astro-cid-uc2ui6qy>Sign Up</h2> <p id="signup-subtitle" class="text-base text-base-content/70 mt-1" data-astro-cid-uc2ui6qy>Free to join. No payment details required.</p> </div> <button class="btn btn-sm btn-circle btn-ghost" id="close-full-overlay" aria-label="Close" data-astro-cid-uc2ui6qy> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-uc2ui6qy=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-uc2ui6qy=""/> </svg> </button> </div> <!-- Error Message --> <div id="signup-error" class="alert alert-error hidden mb-4" data-astro-cid-uc2ui6qy> <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24" data-astro-cid-uc2ui6qy=""> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-uc2ui6qy=""/> </svg> <span data-astro-cid-uc2ui6qy></span> </div> <!-- Step 1: Choose option --> <div id="step-1" class="signup-step space-y-5" data-astro-cid-uc2ui6qy> <button type="button" class="btn btn-success btn-lg w-full text-lg font-semibold tracking-wide" id="create-team-option" data-astro-cid-uc2ui6qy>
CREATE NEW TEAM
</button> <p class="text-base text-base-content/70 text-center max-w-md mx-auto" data-astro-cid-uc2ui6qy>Select this option if you are a team admin and want to set up a new team.</p> <div class="divider" data-astro-cid-uc2ui6qy>OR</div> <button type="button" class="btn btn-primary btn-lg w-full text-lg font-semibold tracking-wide" id="join-team-option" data-astro-cid-uc2ui6qy>
EXISTING TEAM
</button> <p class="text-base text-base-content/70 text-center max-w-md mx-auto" data-astro-cid-uc2ui6qy>Select this option if you want to be added to a team that is already registered.</p> </div> <!-- Step 2: Create new team --> <div id="step-2" class="signup-step hidden" data-astro-cid-uc2ui6qy> <form id="create-team-form" autocomplete="off" class="space-y-4" data-astro-cid-uc2ui6qy> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="create-team-name" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>Club/Team Name</span> </label> <input id="create-team-name" type="text" placeholder="Enter team name" class="input input-bordered w-full focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="create-email" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>Your Email Address</span> </label> <input id="create-email" type="email" autocomplete="off" placeholder="Enter your email" class="input input-bordered w-full lowercase focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="create-fullname" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>Your Full Name</span> </label> <input id="create-fullname" type="text" autocomplete="off" placeholder="Enter your full name" class="input input-bordered w-full focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="create-password" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>Choose a Password</span> </label> <input id="create-password" type="password" autocomplete="off" placeholder="Enter password" class="input input-bordered w-full focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="flex flex-col gap-3 pt-4" data-astro-cid-uc2ui6qy> <button id="signup-button" type="submit" class="btn btn-primary btn-lg w-full text-base" data-astro-cid-uc2ui6qy>Sign Up</button> <div id="loading-anim" class="hidden flex items-center justify-center gap-2 text-base-content/70" data-astro-cid-uc2ui6qy> <span class="loading loading-spinner loading-md" data-astro-cid-uc2ui6qy></span> <span data-astro-cid-uc2ui6qy>Creating your team...</span> </div> </div> </form> </div> <!-- Step 3: Join team - Enter details --> <div id="step-3" class="signup-step hidden" data-astro-cid-uc2ui6qy> <h3 class="text-2xl font-semibold mb-4 flex items-center gap-2" data-astro-cid-uc2ui6qy> <span class="text-2xl" data-astro-cid-uc2ui6qy>👤</span> Please enter your details
</h3> <form id="join-details-form" class="space-y-4" data-astro-cid-uc2ui6qy> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="join-email" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>What's your email address?</span> </label> <input type="email" id="join-email" placeholder="Enter your email" class="input input-bordered w-full focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="join-fullname" data-astro-cid-uc2ui6qy> <span class="label-text font-medium text-base" data-astro-cid-uc2ui6qy>What's your full name?</span> </label> <input type="text" id="join-fullname" placeholder="Enter your full name" class="input input-bordered w-full focus:input-primary text-base" required data-astro-cid-uc2ui6qy> </div> <div class="flex gap-3 pt-4" data-astro-cid-uc2ui6qy> <button type="button" class="btn btn-outline flex-1" id="back-to-step-1" data-astro-cid-uc2ui6qy>Back</button> <button type="submit" class="btn btn-primary flex-1" data-astro-cid-uc2ui6qy>Continue</button> </div> </form> </div> <!-- Step 4: Search for team --> <div id="step-4" class="signup-step hidden" data-astro-cid-uc2ui6qy> <h3 class="text-xl font-semibold mb-4 flex items-center gap-2" data-astro-cid-uc2ui6qy> <span class="text-2xl" data-astro-cid-uc2ui6qy>👕</span> What is your team called?
</h3> <form id="search-team-form" class="space-y-4" data-astro-cid-uc2ui6qy> <div class="form-control" data-astro-cid-uc2ui6qy> <label class="label" for="team-search" data-astro-cid-uc2ui6qy> <span class="label-text font-medium" data-astro-cid-uc2ui6qy>Search for and select your team</span> </label> <input type="text" id="team-search" placeholder="Minimum 3 characters" class="input input-bordered w-full focus:input-primary" data-astro-cid-uc2ui6qy> </div> <div id="team-results" class="space-y-2 max-h-64 overflow-y-auto" data-astro-cid-uc2ui6qy></div> <div class="pt-4" data-astro-cid-uc2ui6qy> <button type="button" class="btn btn-outline w-full" id="back-to-step-3" data-astro-cid-uc2ui6qy>Back</button> </div> </form> </div> <!-- Step 5: Confirm details --> <div id="step-5" class="signup-step hidden" data-astro-cid-uc2ui6qy> <h3 class="text-xl font-semibold mb-4" data-astro-cid-uc2ui6qy>Please check the following details are correct:</h3> <div class="bg-base-200 rounded-lg p-4 space-y-3 mb-6" data-astro-cid-uc2ui6qy> <div data-astro-cid-uc2ui6qy> <p class="text-sm font-medium text-base-content/70" data-astro-cid-uc2ui6qy>Your name:</p> <p class="text-base font-semibold" id="confirm-name" data-astro-cid-uc2ui6qy></p> </div> <div data-astro-cid-uc2ui6qy> <p class="text-sm font-medium text-base-content/70" data-astro-cid-uc2ui6qy>Your email:</p> <p class="text-base font-semibold" id="confirm-email" data-astro-cid-uc2ui6qy></p> </div> <div data-astro-cid-uc2ui6qy> <p class="text-sm font-medium text-base-content/70" data-astro-cid-uc2ui6qy>Your team name:</p> <p class="text-base font-semibold" id="confirm-team" data-astro-cid-uc2ui6qy></p> </div> </div> <div class="flex gap-3" data-astro-cid-uc2ui6qy> <button type="button" class="btn btn-outline flex-1" id="back-to-step-4" data-astro-cid-uc2ui6qy>Back</button> <button type="button" class="btn btn-primary flex-1" id="confirm-signup" data-astro-cid-uc2ui6qy>Confirm Details</button> </div> </div> </div> </div> </div> <!-- Team Selector Modal - Matches Login/Signup Modal Structure --><div id="team-selector-modal" class="fixed inset-0 z-[9999] hidden items-center justify-center bg-black/50 backdrop-blur-sm"> <div class="card w-full max-w-2xl bg-base-100 shadow-2xl mx-4 max-h-[90vh] overflow-y-auto"> <div class="card-body"> <div class="flex items-start justify-between mb-4"> <h3 class="card-title text-2xl font-bold">Select Your Team</h3> <button id="close-team-selector-modal" class="btn btn-sm btn-circle btn-ghost" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <ul id="team-selector-content" class="menu bg-base-200 rounded-box w-full"> <!-- Team items will be dynamically inserted here --> </ul> </div> </div> </div> <script type="module">const l=window.blurManager;document.getElementById("close-team-selector-modal")?.addEventListener("click",()=>{const e=document.getElementById("team-selector-modal");e&&(e.classList.add("hidden"),e.classList.remove("flex"),l&&(l.clearAll(),console.log("Team selector closed - ALL blurs cleared")))});document.getElementById("team-selector-modal")?.addEventListener("click",e=>{const t=document.getElementById("team-selector-modal");e.target===t&&(t.classList.add("hidden"),t.classList.remove("flex"),l&&(l.clearAll(),console.log("Team selector closed via backdrop - ALL blurs cleared")))});</script> <!-- BlurObserver - automatic blur management (deferred to not block render) --> <script src="/scripts/blur-observer.js?v=1770830168196" defer></script> <!-- URL Helpers - must load before login.js and signup-modal.js --> <script src="/scripts/url-helpers.js?v=1770830168196" defer></script> <!-- localForage for IndexedDB storage (Angular app compatibility) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.10.0/localforage.min.js" defer></script> <!-- Login and Signup Scripts --> <script src="/scripts/login.js?v=1770830168196" defer></script> <script src="/scripts/signup-modal.js?v=1770830168196" defer></script> <script src="/scripts/modal-handlers.js?v=1770830168196" defer></script> <script src="/scripts/signup-button-handlers.js?v=1770830168196" defer></script> <!-- Video lazy loading and viewport playback --> <script src="/scripts/video-lazy-load.js?v=1770830168196" defer></script> <script src="/scripts/video-hero-lazy-load.js?v=1770830168196" defer></script> <!-- Global contact-trigger handler for Crisp chat --> <script src="/scripts/contact-trigger.js" defer></script> <!-- Cloudflare Zaraz script (global, all pages using this layout) --> <!-- Cloudflare Zaraz script (shared header component) --><script src="/cdn-cgi/zaraz/i.js" referrerpolicy="origin"></script> </body></html>