| <!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style> |
| @charset "utf-8";
|
|
|
| .aistudio-hover-highlight { box-shadow: white 0px 0px 0px 0.5px inset, rgba(128, 128, 128, 0.6) 0px 0px 0px 1.5px inset !important; }
|
|
|
| .aistudio-active-highlight { outline: rgb(135, 169, 255) solid 2px !important; outline-offset: -2px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.3) 0px 0px 0px 0.5px inset !important; border-radius: inherit !important; }
|
|
|
| .aistudio-generating-blur { transition: filter 0.3s; filter: blur(5px) grayscale(100%) brightness(28%) !important; }
|
|
|
| #aistudio-focus-mode-tag { position: absolute; display: none; align-items: center; gap: 4px; background: rgb(135, 169, 255); border-radius: 12px; z-index: 10000; padding: 8px; color: rgb(50, 48, 44); font-family: Inter, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px; pointer-events: none; }
|
|
|
| #aistudio-hover-mode-tag { position: absolute; display: none; align-items: center; gap: 4px; background: rgba(128, 128, 128, 0.6); border-radius: 12px; z-index: 10000; padding: 8px; color: white; font-family: Inter, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px; pointer-events: none; }
|
|
|
| .aistudio-img-icon { display: none; vertical-align: middle; pointer-events: auto; cursor: pointer; }
|
|
|
| .aistudio-img-icon.visible { display: inline-flex; }
|
|
|
| #aistudio-focus-mode-tag .aistudio-img-icon { position: relative; width: 26px; height: 26px; background: rgb(50, 48, 44); border-radius: 6px; margin: -4px -4px -4px 0px; }
|
|
|
| #aistudio-focus-mode-tag .aistudio-img-icon::before { content: ""; position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; background-color: white; mask-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/edit_fix_auto/default/24px.svg"); mask-size: contain; mask-repeat: no-repeat; }
|
|
|
| #aistudio-hover-mode-tag .aistudio-img-icon { position: relative; width: 18px; height: 18px; margin-left: 4px; }
|
|
|
| #aistudio-hover-mode-tag .aistudio-img-icon::before { content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; background-color: white; mask-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/edit_fix_auto/default/24px.svg"); mask-size: contain; mask-repeat: no-repeat; }
|
|
|
| #aistudio-focus-mode-tag .aistudio-img-icon:hover, #aistudio-hover-mode-tag .aistudio-img-icon:hover { background: rgb(66, 66, 66) !important; }
|
|
|
| #aistudio-focus-mode-tag .aistudio-img-icon:active, #aistudio-hover-mode-tag .aistudio-img-icon:active { background: rgb(57, 63, 81) !important; } |
| </style><style> |
| @charset "utf-8";
|
|
|
| @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
|
|
|
| @layer properties;
|
|
|
| @layer theme, base, components, utilities;
|
|
|
| @layer theme {
|
| :root, :host { --font-sans: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-green-500: oklch(72.3% 0.219 149.579); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-900: oklch(39.1% 0.09 240.876); --color-sky-950: oklch(29.3% 0.066 243.157); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-900: oklch(35.9% 0.144 278.697); --color-indigo-950: oklch(25.7% 0.09 281.288); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-900: oklch(38.1% 0.176 304.987); --color-purple-950: oklch(29.1% 0.149 302.717); --color-fuchsia-300: oklch(83.3% 0.145 321.434); --color-fuchsia-400: oklch(74% 0.238 322.16); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-900: oklch(40.8% 0.153 2.432); --color-pink-950: oklch(28.4% 0.109 3.907); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --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: calc(2.25 / 1.875); --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-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-display: "Outfit", sans-serif; }
|
| }
|
|
|
| @layer base {
|
| *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }
|
| html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; 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: 0px; color: inherit; border-top-width: 1px; }
|
| abbr:where([title]) { text-decoration: underline dotted; }
|
| h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
|
| a { color: inherit; text-decoration: inherit; }
|
| b, strong { font-weight: bolder; }
|
| code, kbd, samp, pre { font-family: 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
| sub { bottom: -0.25em; }
|
| sup { top: -0.5em; }
|
| table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
|
| progress { vertical-align: baseline; }
|
| summary { display: list-item; }
|
| ol, ul, menu { list-style: none; }
|
| img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
|
| img, video { max-width: 100%; height: auto; }
|
| button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }
|
| :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)) {
|
| color: color-mix(currentcolor, transparent);
|
| }
|
| }
|
| }
|
| textarea { resize: vertical; }
|
| ::-webkit-search-decoration { 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: 0px; }
|
| ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
|
| ::-webkit-calendar-picker-indicator { line-height: 1; }
|
| button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
|
| ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
|
| [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
|
| }
|
|
|
| @layer utilities {
|
| .pointer-events-auto { pointer-events: auto; }
|
| .pointer-events-none { pointer-events: none; }
|
| .collapse { visibility: collapse; }
|
| .absolute { position: absolute; }
|
| .fixed { position: fixed; }
|
| .relative { position: relative; }
|
| .static { position: static; }
|
| .sticky { position: sticky; }
|
| .inset-0 { inset: calc(var(--spacing) * 0); }
|
| .top-0 { top: calc(var(--spacing) * 0); }
|
| .top-1\/2 { top: calc(50%); }
|
| .top-2 { top: calc(var(--spacing) * 2); }
|
| .top-\[70px\] { top: 70px; }
|
| .right-0 { right: calc(var(--spacing) * 0); }
|
| .right-2 { right: calc(var(--spacing) * 2); }
|
| .bottom-0 { bottom: calc(var(--spacing) * 0); }
|
| .bottom-full { bottom: 100%; }
|
| .left-0 { left: calc(var(--spacing) * 0); }
|
| .left-1\/2 { left: calc(50%); }
|
| .left-2\.5 { left: calc(var(--spacing) * 2.5); }
|
| .z-10 { z-index: 10; }
|
| .z-20 { z-index: 20; }
|
| .z-25 { z-index: 25; }
|
| .z-30 { z-index: 30; }
|
| .z-50 { z-index: 50; }
|
| .col-span-1 { grid-column: span 1 / span 1; }
|
| .col-span-2 { grid-column: span 2 / span 2; }
|
| .container {
|
| width: 100%;
|
| @media (width >= 40rem) {
|
| max-width: 40rem;
|
| }
|
| @media (width >= 48rem) {
|
| max-width: 48rem;
|
| }
|
| @media (width >= 64rem) {
|
| max-width: 64rem;
|
| }
|
| @media (width >= 80rem) {
|
| max-width: 80rem;
|
| }
|
| @media (width >= 96rem) {
|
| max-width: 96rem;
|
| }
|
| }
|
| .mx-2 { margin-inline: calc(var(--spacing) * 2); }
|
| .mx-auto { margin-inline: auto; }
|
| .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); }
|
| .mt-0 { margin-top: calc(var(--spacing) * 0); }
|
| .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); }
|
| .mt-1 { margin-top: calc(var(--spacing) * 1); }
|
| .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
|
| .mt-2 { margin-top: calc(var(--spacing) * 2); }
|
| .mt-3 { margin-top: calc(var(--spacing) * 3); }
|
| .mt-4 { margin-top: calc(var(--spacing) * 4); }
|
| .mt-6 { margin-top: calc(var(--spacing) * 6); }
|
| .mt-8 { margin-top: calc(var(--spacing) * 8); }
|
| .mt-auto { margin-top: auto; }
|
| .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); }
|
| .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); }
|
| .mb-1 { margin-bottom: calc(var(--spacing) * 1); }
|
| .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); }
|
| .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
|
| .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); }
|
| .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
|
| .mb-4 { margin-bottom: calc(var(--spacing) * 4); }
|
| .mb-6 { margin-bottom: calc(var(--spacing) * 6); }
|
| .ml-1 { margin-left: calc(var(--spacing) * 1); }
|
| .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
| .block { display: block; }
|
| .contents { display: contents; }
|
| .flex { display: flex; }
|
| .grid { display: grid; }
|
| .hidden { display: none; }
|
| .inline-block { display: inline-block; }
|
| .inline-flex { display: inline-flex; }
|
| .table { display: table; }
|
| .aspect-\[100\/58\] { aspect-ratio: 100 / 58; }
|
| .h-1 { height: calc(var(--spacing) * 1); }
|
| .h-1\.5 { height: calc(var(--spacing) * 1.5); }
|
| .h-2 { height: calc(var(--spacing) * 2); }
|
| .h-2\.5 { height: calc(var(--spacing) * 2.5); }
|
| .h-3 { height: calc(var(--spacing) * 3); }
|
| .h-5 { height: calc(var(--spacing) * 5); }
|
| .h-6 { height: calc(var(--spacing) * 6); }
|
| .h-8 { height: calc(var(--spacing) * 8); }
|
| .h-10 { height: calc(var(--spacing) * 10); }
|
| .h-11 { height: calc(var(--spacing) * 11); }
|
| .h-14 { height: calc(var(--spacing) * 14); }
|
| .h-16 { height: calc(var(--spacing) * 16); }
|
| .h-24 { height: calc(var(--spacing) * 24); }
|
| .h-32 { height: calc(var(--spacing) * 32); }
|
| .h-36 { height: calc(var(--spacing) * 36); }
|
| .h-\[2px\] { height: 2px; }
|
| .h-\[135px\] { height: 135px; }
|
| .h-\[150px\] { height: 150px; }
|
| .h-\[280px\] { height: 280px; }
|
| .h-\[370px\] { height: 370px; }
|
| .h-fit { height: fit-content; }
|
| .h-full { height: 100%; }
|
| .max-h-\[105px\] { max-height: 105px; }
|
| .max-h-\[140px\] { max-height: 140px; }
|
| .max-h-\[220px\] { max-height: 220px; }
|
| .min-h-\[175px\] { min-height: 175px; }
|
| .min-h-\[180px\] { min-height: 180px; }
|
| .min-h-\[220px\] { min-height: 220px; }
|
| .min-h-\[560px\] { min-height: 560px; }
|
| .min-h-screen { min-height: 100vh; }
|
| .w-1 { width: calc(var(--spacing) * 1); }
|
| .w-1\.5 { width: calc(var(--spacing) * 1.5); }
|
| .w-2 { width: calc(var(--spacing) * 2); }
|
| .w-2\.5 { width: calc(var(--spacing) * 2.5); }
|
| .w-4 { width: calc(var(--spacing) * 4); }
|
| .w-5 { width: calc(var(--spacing) * 5); }
|
| .w-8 { width: calc(var(--spacing) * 8); }
|
| .w-10 { width: calc(var(--spacing) * 10); }
|
| .w-11 { width: calc(var(--spacing) * 11); }
|
| .w-16 { width: calc(var(--spacing) * 16); }
|
| .w-24 { width: calc(var(--spacing) * 24); }
|
| .w-32 { width: calc(var(--spacing) * 32); }
|
| .w-\[3px\] { width: 3px; }
|
| .w-\[4\%\] { width: 4%; }
|
| .w-\[12\%\] { width: 12%; }
|
| .w-\[45\%\] { width: 45%; }
|
| .w-\[60\%\] { width: 60%; }
|
| .w-\[260px\] { width: 260px; }
|
| .w-fit { width: fit-content; }
|
| .w-full { width: 100%; }
|
| .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-7xl { max-width: var(--container-7xl); }
|
| .max-w-\[15in\] { max-width: 15in; }
|
| .max-w-\[180px\] { max-width: 180px; }
|
| .max-w-\[200px\] { max-width: 200px; }
|
| .max-w-\[580px\] { max-width: 580px; }
|
| .max-w-sm { max-width: var(--container-sm); }
|
| .min-w-0 { min-width: calc(var(--spacing) * 0); }
|
| .min-w-\[125px\] { min-width: 125px; }
|
| .min-w-\[240px\] { min-width: 240px; }
|
| .flex-1 { flex: 1 1 0%; }
|
| .shrink-0 { flex-shrink: 0; }
|
| .flex-grow { flex-grow: 1; }
|
| .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
|
| .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
|
| .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
|
| .-translate-y-\[6px\] { --tw-translate-y: calc(6px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
|
| .translate-y-\[6px\] { --tw-translate-y: 6px; translate: var(--tw-translate-x) var(--tw-translate-y); }
|
| .-rotate-45 { rotate: calc(-45deg); }
|
| .rotate-45 { rotate: 45deg; }
|
| .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
|
| .animate-bounce { animation: var(--animate-bounce); }
|
| .animate-ping { animation: var(--animate-ping); }
|
| .animate-pulse { animation: var(--animate-pulse); }
|
| .animate-spin { animation: var(--animate-spin); }
|
| .cursor-not-allowed { cursor: not-allowed; }
|
| .cursor-pointer { cursor: pointer; }
|
| .list-disc { list-style-type: disc; }
|
| .appearance-none { appearance: none; }
|
| .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
|
| .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
|
| .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
|
| .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
|
| .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
|
| .flex-col { flex-direction: column; }
|
| .flex-wrap { flex-wrap: wrap; }
|
| .items-center { align-items: center; }
|
| .items-end { align-items: flex-end; }
|
| .items-start { align-items: flex-start; }
|
| .items-stretch { align-items: stretch; }
|
| .justify-between { justify-content: space-between; }
|
| .justify-center { justify-content: center; }
|
| .justify-end { justify-content: flex-end; }
|
| .gap-1 { gap: calc(var(--spacing) * 1); }
|
| .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
|
| .gap-2 { gap: calc(var(--spacing) * 2); }
|
| .gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
|
| .gap-3 { gap: calc(var(--spacing) * 3); }
|
| .gap-3\.5 { gap: calc(var(--spacing) * 3.5); }
|
| .gap-4 { gap: calc(var(--spacing) * 4); }
|
| .gap-5 { gap: calc(var(--spacing) * 5); }
|
| .gap-6 { gap: calc(var(--spacing) * 6); }
|
| .space-y-1 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-1\.5 {
|
| :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); }
|
| }
|
| .space-y-2 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-2\.5 {
|
| :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); }
|
| }
|
| .space-y-3 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-3\.5 {
|
| :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); }
|
| }
|
| .space-y-4 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-5 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-6 {
|
| :where(& > :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))); }
|
| }
|
| .space-y-7 {
|
| :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); }
|
| }
|
| .divide-y {
|
| :where(& > :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))); }
|
| }
|
| .divide-slate-900 {
|
| :where(& > :not(:last-child)) { border-color: var(--color-slate-900); }
|
| }
|
| .divide-slate-900\/60 {
|
| :where(& > :not(:last-child)) {
|
| border-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
|
| }
|
| }
|
| }
|
| .divide-slate-950 {
|
| :where(& > :not(:last-child)) { border-color: var(--color-slate-950); }
|
| }
|
| .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
| .overflow-hidden { overflow: hidden; }
|
| .overflow-visible { overflow: visible; }
|
| .overflow-x-auto { overflow-x: auto; }
|
| .overflow-x-hidden { overflow-x: hidden; }
|
| .overflow-y-auto { overflow-y: auto; }
|
| .rounded { border-radius: 0.25rem; }
|
| .rounded-2xl { border-radius: var(--radius-2xl); }
|
| .rounded-3xl { border-radius: var(--radius-3xl); }
|
| .rounded-full { border-radius: calc(infinity * 1px); }
|
| .rounded-lg { border-radius: var(--radius-lg); }
|
| .rounded-md { border-radius: var(--radius-md); }
|
| .rounded-sm { border-radius: var(--radius-sm); }
|
| .rounded-xl { border-radius: var(--radius-xl); }
|
| .border { border-style: var(--tw-border-style); border-width: 1px; }
|
| .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
|
| .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
|
| .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
|
| .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; }
|
| .border-\[\#0d1521\] { border-color: rgb(13, 21, 33); }
|
| .border-\[\#7cffc7\]\/15 { border-color: color-mix(rgb(124, 255, 199) 15%, transparent); }
|
| .border-\[\#7cffc7\]\/20 { border-color: color-mix(rgb(124, 255, 199) 20%, transparent); }
|
| .border-\[\#7cffc7\]\/30 { border-color: color-mix(rgb(124, 255, 199) 30%, transparent); }
|
| .border-\[\#7cffc7\]\/40 { border-color: color-mix(rgb(124, 255, 199) 40%, transparent); }
|
| .border-\[\#58a6ff\] { border-color: rgb(88, 166, 255); }
|
| .border-amber-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
|
| }
|
| }
|
| .border-amber-500\/20 {
|
| border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
|
| }
|
| }
|
| .border-amber-500\/25 {
|
| border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 25%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
|
| }
|
| }
|
| .border-amber-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
|
| }
|
| }
|
| .border-amber-500\/40 {
|
| border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
|
| }
|
| }
|
| .border-cyan-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
|
| }
|
| }
|
| .border-cyan-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
|
| }
|
| }
|
| .border-emerald-500 { border-color: var(--color-emerald-500); }
|
| .border-emerald-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
|
| }
|
| }
|
| .border-emerald-500\/15 {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
|
| }
|
| }
|
| .border-emerald-500\/20 {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| .border-emerald-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
|
| }
|
| }
|
| .border-emerald-500\/40 {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
|
| }
|
| }
|
| .border-emerald-900\/15 {
|
| border-color: color-mix(in srgb, oklch(0.378 0.077 168.94) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-900) 15%, transparent);
|
| }
|
| }
|
| .border-fuchsia-500\/50 {
|
| border-color: color-mix(in srgb, oklch(0.667 0.295 322.15), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-fuchsia-500) 50%, transparent);
|
| }
|
| }
|
| .border-indigo-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.585 0.233 277.117) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
|
| }
|
| }
|
| .border-indigo-900\/15 {
|
| border-color: color-mix(in srgb, oklch(0.359 0.144 278.697) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-indigo-900) 15%, transparent);
|
| }
|
| }
|
| .border-pink-900\/15 {
|
| border-color: color-mix(in srgb, oklch(0.408 0.153 2.432) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-pink-900) 15%, transparent);
|
| }
|
| }
|
| .border-purple-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
|
| }
|
| }
|
| .border-purple-500\/20 {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
|
| }
|
| }
|
| .border-purple-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
|
| }
|
| }
|
| .border-purple-500\/40 {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
|
| }
|
| }
|
| .border-purple-500\/50 {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
|
| }
|
| }
|
| .border-red-500\/20 {
|
| border-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
|
| }
|
| }
|
| .border-red-900\/15 {
|
| border-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-red-900) 15%, transparent);
|
| }
|
| }
|
| .border-rose-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
|
| }
|
| }
|
| .border-sky-400\/40 {
|
| border-color: color-mix(in srgb, oklch(0.746 0.16 232.661) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent);
|
| }
|
| }
|
| .border-sky-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
|
| }
|
| }
|
| .border-sky-500\/15 {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
|
| }
|
| }
|
| .border-sky-500\/20 {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
|
| }
|
| }
|
| .border-sky-500\/30 {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
|
| }
|
| }
|
| .border-sky-500\/40 {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
|
| }
|
| }
|
| .border-sky-900\/15 {
|
| border-color: color-mix(in srgb, oklch(0.391 0.09 240.876) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-900) 15%, transparent);
|
| }
|
| }
|
| .border-slate-500\/40 {
|
| border-color: color-mix(in srgb, oklch(0.554 0.046 257.417) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent);
|
| }
|
| }
|
| .border-slate-800 { border-color: var(--color-slate-800); }
|
| .border-slate-900 { border-color: var(--color-slate-900); }
|
| .border-slate-900\/40 {
|
| border-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
|
| }
|
| }
|
| .border-slate-900\/60 {
|
| border-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
|
| }
|
| }
|
| .border-slate-950 { border-color: var(--color-slate-950); }
|
| .border-white\/\[0\.04\] {
|
| border-color: color-mix(in srgb, rgb(255, 255, 255) 4%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
|
| }
|
| }
|
| .border-white\/\[0\.05\] {
|
| border-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
| }
|
| }
|
| .border-white\/\[0\.06\] {
|
| border-color: color-mix(in srgb, rgb(255, 255, 255) 6%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
|
| }
|
| }
|
| .border-white\/\[0\.08\] {
|
| border-color: color-mix(in srgb, rgb(255, 255, 255) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
|
| }
|
| }
|
| .border-yellow-500\/10 {
|
| border-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
|
| }
|
| }
|
| .bg-\[\#0a0f1b\] { background-color: rgb(10, 15, 27); }
|
| .bg-\[\#0a1f16\] { background-color: rgb(10, 31, 22); }
|
| .bg-\[\#0c101b\] { background-color: rgb(12, 16, 27); }
|
| .bg-\[\#0c2419\] { background-color: rgb(12, 36, 25); }
|
| .bg-\[\#0c2419\]\/15 { background-color: color-mix(rgb(12, 36, 25) 15%, transparent); }
|
| .bg-\[\#0d1624\] { background-color: rgb(13, 22, 36); }
|
| .bg-\[\#0d2218\] { background-color: rgb(13, 34, 24); }
|
| .bg-\[\#7cffc7\] { background-color: rgb(124, 255, 199); }
|
| .bg-\[\#060a16\] { background-color: rgb(6, 10, 22); }
|
| .bg-\[\#060b13\] { background-color: rgb(6, 11, 19); }
|
| .bg-\[\#080c14\] { background-color: rgb(8, 12, 20); }
|
| .bg-\[\#02050a\] { background-color: rgb(2, 5, 10); }
|
| .bg-\[\#04060b\]\/98 { background-color: color-mix(rgb(4, 6, 11) 98%, transparent); }
|
| .bg-\[\#05070c\] { background-color: rgb(5, 7, 12); }
|
| .bg-\[\#05070c\]\/70 { background-color: color-mix(rgb(5, 7, 12) 70%, transparent); }
|
| .bg-\[\#05070c\]\/90 { background-color: color-mix(rgb(5, 7, 12) 90%, transparent); }
|
| .bg-\[\#05080e\] { background-color: rgb(5, 8, 14); }
|
| .bg-\[\#05080e\]\/60 { background-color: color-mix(rgb(5, 8, 14) 60%, transparent); }
|
| .bg-\[\#06040a\]\/90 { background-color: color-mix(rgb(6, 4, 10) 90%, transparent); }
|
| .bg-\[\#06101f\]\/90 { background-color: color-mix(rgb(6, 16, 31) 90%, transparent); }
|
| .bg-\[\#07050d\] { background-color: rgb(7, 5, 13); }
|
| .bg-\[\#07111f\] { background-color: rgb(7, 17, 31); }
|
| .bg-\[\#07111f\]\/30 { background-color: color-mix(rgb(7, 17, 31) 30%, transparent); }
|
| .bg-\[\#07111f\]\/40 { background-color: color-mix(rgb(7, 17, 31) 40%, transparent); }
|
| .bg-\[\#16002c\]\/20 { background-color: color-mix(rgb(22, 0, 44) 20%, transparent); }
|
| .bg-\[\#020305\] { background-color: rgb(2, 3, 5); }
|
| .bg-\[\#020509\]\/80 { background-color: color-mix(rgb(2, 5, 9) 80%, transparent); }
|
| .bg-\[\#030508\] { background-color: rgb(3, 5, 8); }
|
| .bg-\[\#030508\]\/40 { background-color: color-mix(rgb(3, 5, 8) 40%, transparent); }
|
| .bg-\[\#030508\]\/60 { background-color: color-mix(rgb(3, 5, 8) 60%, transparent); }
|
| .bg-\[\#030508\]\/65 { background-color: color-mix(rgb(3, 5, 8) 65%, transparent); }
|
| .bg-\[\#030508\]\/80 { background-color: color-mix(rgb(3, 5, 8) 80%, transparent); }
|
| .bg-\[\#030508\]\/85 { background-color: color-mix(rgb(3, 5, 8) 85%, transparent); }
|
| .bg-\[\#050912\]\/95 { background-color: color-mix(rgb(5, 9, 18) 95%, transparent); }
|
| .bg-amber-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
|
| }
|
| }
|
| .bg-amber-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
|
| }
|
| }
|
| .bg-amber-500\/20 {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
|
| }
|
| }
|
| .bg-amber-500\/\[0\.01\] {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 1%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 1%, transparent);
|
| }
|
| }
|
| .bg-amber-500\/\[0\.02\] {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 2%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 2%, transparent);
|
| }
|
| }
|
| .bg-amber-950\/20 {
|
| background-color: color-mix(in srgb, oklch(0.279 0.077 45.635) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
|
| }
|
| }
|
| .bg-black\/45 {
|
| background-color: color-mix(in srgb, rgb(0, 0, 0) 45%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
|
| }
|
| }
|
| .bg-black\/90 {
|
| background-color: color-mix(in srgb, rgb(0, 0, 0) 90%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
|
| }
|
| }
|
| .bg-black\/95 {
|
| background-color: color-mix(in srgb, rgb(0, 0, 0) 95%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
|
| }
|
| }
|
| .bg-current { background-color: currentcolor; }
|
| .bg-cyan-400 { background-color: var(--color-cyan-400); }
|
| .bg-cyan-400\/5 {
|
| background-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-cyan-400) 5%, transparent);
|
| }
|
| }
|
| .bg-cyan-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
|
| }
|
| }
|
| .bg-emerald-400 { background-color: var(--color-emerald-400); }
|
| .bg-emerald-500 { background-color: var(--color-emerald-500); }
|
| .bg-emerald-500\/5 {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/20 {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/30 {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/\[0\.01\] {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 1%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 1%, transparent);
|
| }
|
| }
|
| .bg-emerald-500\/\[0\.02\] {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 2%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 2%, transparent);
|
| }
|
| }
|
| .bg-emerald-950\/10 {
|
| background-color: color-mix(in srgb, oklch(0.262 0.051 172.552) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-950) 10%, transparent);
|
| }
|
| }
|
| .bg-emerald-950\/15 {
|
| background-color: color-mix(in srgb, oklch(0.262 0.051 172.552) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-950) 15%, transparent);
|
| }
|
| }
|
| .bg-emerald-950\/20 {
|
| background-color: color-mix(in srgb, oklch(0.262 0.051 172.552) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
|
| }
|
| }
|
| .bg-fuchsia-400\/5 {
|
| background-color: color-mix(in srgb, oklch(0.74 0.238 322.16) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-fuchsia-400) 5%, transparent);
|
| }
|
| }
|
| .bg-fuchsia-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.667 0.295 322.15) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);
|
| }
|
| }
|
| .bg-green-500\/50 {
|
| background-color: color-mix(in srgb, oklch(0.723 0.219 149.579), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
|
| }
|
| }
|
| .bg-indigo-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.585 0.233 277.117) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
|
| }
|
| }
|
| .bg-indigo-950\/15 {
|
| background-color: color-mix(in srgb, oklch(0.257 0.09 281.288) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-indigo-950) 15%, transparent);
|
| }
|
| }
|
| .bg-pink-950\/15 {
|
| background-color: color-mix(in srgb, oklch(0.284 0.109 3.907) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-pink-950) 15%, transparent);
|
| }
|
| }
|
| .bg-purple-400 { background-color: var(--color-purple-400); }
|
| .bg-purple-500 { background-color: var(--color-purple-500); }
|
| .bg-purple-500\/5 {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent);
|
| }
|
| }
|
| .bg-purple-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
|
| }
|
| }
|
| .bg-purple-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
|
| }
|
| }
|
| .bg-purple-500\/\[0\.01\] {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 1%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 1%, transparent);
|
| }
|
| }
|
| .bg-purple-500\/\[0\.02\] {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 2%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 2%, transparent);
|
| }
|
| }
|
| .bg-purple-950\/20 {
|
| background-color: color-mix(in srgb, oklch(0.291 0.149 302.717) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent);
|
| }
|
| }
|
| .bg-red-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
|
| }
|
| }
|
| .bg-red-500\/50 {
|
| background-color: color-mix(in srgb, oklch(0.637 0.237 25.331), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
|
| }
|
| }
|
| .bg-red-950\/15 {
|
| background-color: color-mix(in srgb, oklch(0.258 0.092 26.042) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-red-950) 15%, transparent);
|
| }
|
| }
|
| .bg-rose-500\/20 {
|
| background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
|
| }
|
| }
|
| .bg-rose-500\/50 {
|
| background-color: color-mix(in srgb, oklch(0.645 0.246 16.439), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
|
| }
|
| }
|
| .bg-sky-500\/5 {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
|
| }
|
| }
|
| .bg-sky-500\/10 {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
|
| }
|
| }
|
| .bg-sky-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
|
| }
|
| }
|
| .bg-sky-500\/\[0\.01\] {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 1%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 1%, transparent);
|
| }
|
| }
|
| .bg-sky-500\/\[0\.02\] {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 2%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 2%, transparent);
|
| }
|
| }
|
| .bg-sky-950\/15 {
|
| background-color: color-mix(in srgb, oklch(0.293 0.066 243.157) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-950) 15%, transparent);
|
| }
|
| }
|
| .bg-sky-950\/20 {
|
| background-color: color-mix(in srgb, oklch(0.293 0.066 243.157) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
|
| }
|
| }
|
| .bg-slate-500\/15 {
|
| background-color: color-mix(in srgb, oklch(0.554 0.046 257.417) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-500) 15%, transparent);
|
| }
|
| }
|
| .bg-slate-900 { background-color: var(--color-slate-900); }
|
| .bg-slate-900\/10 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
|
| }
|
| }
|
| .bg-slate-900\/30 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
|
| }
|
| }
|
| .bg-slate-900\/40 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
|
| }
|
| }
|
| .bg-slate-900\/60 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
|
| }
|
| }
|
| .bg-slate-900\/65 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 65%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 65%, transparent);
|
| }
|
| }
|
| .bg-slate-900\/95 {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 95%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
|
| }
|
| }
|
| .bg-slate-950 { background-color: var(--color-slate-950); }
|
| .bg-slate-950\/30 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/40 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/45 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 45%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/50 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 50%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/60 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/65 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 65%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 65%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/80 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 80%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
|
| }
|
| }
|
| .bg-slate-950\/90 {
|
| background-color: color-mix(in srgb, oklch(0.129 0.042 264.695) 90%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent);
|
| }
|
| }
|
| .bg-transparent { background-color: transparent; }
|
| .bg-white\/\[0\.02\] {
|
| background-color: color-mix(in srgb, rgb(255, 255, 255) 2%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
|
| }
|
| }
|
| .bg-yellow-500\/5 {
|
| background-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-yellow-500) 5%, transparent);
|
| }
|
| }
|
| .bg-yellow-500\/50 {
|
| background-color: color-mix(in srgb, oklch(0.795 0.184 86.047), transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
|
| }
|
| }
|
| .bg-linear-to-b {
|
| --tw-gradient-position: to bottom;
|
| @supports (background-image: linear-gradient(in lab, red, red)) {
|
| --tw-gradient-position: to bottom in oklab;
|
| }
|
| background-image: linear-gradient(var(--tw-gradient-stops));
|
| }
|
| .bg-linear-to-tr {
|
| --tw-gradient-position: to top right;
|
| @supports (background-image: linear-gradient(in lab, red, red)) {
|
| --tw-gradient-position: to top right in oklab;
|
| }
|
| 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)); }
|
| .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
|
| .from-\[\#7cffc7\] { --tw-gradient-from: #7cffc7; --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-\[\#7cffc7\]\/15 { --tw-gradient-from: color-mix(in oklab, #7cffc7 15%, 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)); }
|
| .from-\[\#030303\] { --tw-gradient-from: #030303; --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-amber-300 { --tw-gradient-from: var(--color-amber-300); --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-amber-500\/30 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 30%, 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));
|
| }
|
| .from-amber-500\/\[0\.08\] {
|
| --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 8%, 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));
|
| }
|
| .from-amber-950\/40 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 40%, 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));
|
| }
|
| .from-amber-950\/60 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.077 45.635) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 60%, 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));
|
| }
|
| .from-blue-900 { --tw-gradient-from: var(--color-blue-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-emerald-400 { --tw-gradient-from: var(--color-emerald-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
|
| .from-emerald-500 { --tw-gradient-from: var(--color-emerald-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-emerald-500\/10 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 10%, 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));
|
| }
|
| .from-emerald-950\/10 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 10%, 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));
|
| }
|
| .from-fuchsia-500\/30 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-500) 30%, 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));
|
| }
|
| .from-indigo-950\/60 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(25.7% 0.09 281.288) 60%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 60%, 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));
|
| }
|
| .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-purple-900 { --tw-gradient-from: var(--color-purple-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-rose-500\/10 {
|
| --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 10%, 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));
|
| }
|
| .from-sky-500 { --tw-gradient-from: var(--color-sky-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-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
|
| .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-\[\#7cffc7\] { --tw-gradient-via: #7cffc7; --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-\[\#8bfdcf\] { --tw-gradient-via: #8bfdcf; --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-\[\#05070c\] { --tw-gradient-via: #05070c; --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-fuchsia-500 { --tw-gradient-via: var(--color-fuchsia-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
|
| .via-pink-500\/5 {
|
| --tw-gradient-via: color-mix(in srgb, oklch(65.6% 0.241 354.308) 5%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-via: color-mix(in oklab, var(--color-pink-500) 5%, transparent);
|
| }
|
| --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
|
| }
|
| .via-rose-300 { --tw-gradient-via: var(--color-rose-300); --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-slate-900 { --tw-gradient-via: var(--color-slate-900); --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-slate-950 { --tw-gradient-via: var(--color-slate-950); --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-white\/\[0\.03\] {
|
| --tw-gradient-via: color-mix(in srgb, #fff 3%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-via: color-mix(in oklab, var(--color-white) 3%, transparent);
|
| }
|
| --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
|
| }
|
| .to-\[\#00f0ff\] { --tw-gradient-to: #00f0ff; --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-\[\#c98aff\] { --tw-gradient-to: #c98aff; --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 { --tw-gradient-to: var(--color-black); --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-cyan-500 { --tw-gradient-to: var(--color-cyan-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)); }
|
| .to-emerald-400 { --tw-gradient-to: var(--color-emerald-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
|
| .to-fuchsia-300 { --tw-gradient-to: var(--color-fuchsia-300); --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-fuchsia-500\/15 {
|
| --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 15%, 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));
|
| }
|
| .to-fuchsia-500\/\[0\.04\] {
|
| --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 4%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 4%, 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));
|
| }
|
| .to-indigo-500 { --tw-gradient-to: var(--color-indigo-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)); }
|
| .to-indigo-500\/10 {
|
| --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, 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));
|
| }
|
| .to-indigo-950 { --tw-gradient-to: var(--color-indigo-950); --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-500\/10 {
|
| --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 10%, 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));
|
| }
|
| .to-sky-400 { --tw-gradient-to: var(--color-sky-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
|
| .to-sky-500\/10 {
|
| --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 10%, 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));
|
| }
|
| .to-sky-950 { --tw-gradient-to: var(--color-sky-950); --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-900 { --tw-gradient-to: 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)); }
|
| .to-slate-950 { --tw-gradient-to: var(--color-slate-950); --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)); }
|
| .bg-clip-text { background-clip: text; }
|
| .p-1 { padding: calc(var(--spacing) * 1); }
|
| .p-1\.5 { padding: calc(var(--spacing) * 1.5); }
|
| .p-2 { padding: calc(var(--spacing) * 2); }
|
| .p-2\.5 { padding: calc(var(--spacing) * 2.5); }
|
| .p-3 { padding: calc(var(--spacing) * 3); }
|
| .p-3\.5 { padding: calc(var(--spacing) * 3.5); }
|
| .p-4 { padding: calc(var(--spacing) * 4); }
|
| .p-4\.5 { padding: calc(var(--spacing) * 4.5); }
|
| .p-5 { padding: calc(var(--spacing) * 5); }
|
| .p-6 { padding: calc(var(--spacing) * 6); }
|
| .px-1 { padding-inline: calc(var(--spacing) * 1); }
|
| .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
|
| .px-2 { padding-inline: calc(var(--spacing) * 2); }
|
| .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); }
|
| .px-3 { padding-inline: calc(var(--spacing) * 3); }
|
| .px-4 { padding-inline: calc(var(--spacing) * 4); }
|
| .px-5 { padding-inline: calc(var(--spacing) * 5); }
|
| .px-6 { padding-inline: calc(var(--spacing) * 6); }
|
| .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); }
|
| .py-1 { padding-block: calc(var(--spacing) * 1); }
|
| .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
|
| .py-2 { padding-block: calc(var(--spacing) * 2); }
|
| .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
|
| .py-3 { padding-block: calc(var(--spacing) * 3); }
|
| .py-4 { padding-block: calc(var(--spacing) * 4); }
|
| .py-5 { padding-block: calc(var(--spacing) * 5); }
|
| .py-6 { padding-block: calc(var(--spacing) * 6); }
|
| .py-px { padding-block: 1px; }
|
| .pt-1 { padding-top: calc(var(--spacing) * 1); }
|
| .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); }
|
| .pt-2 { padding-top: calc(var(--spacing) * 2); }
|
| .pt-3 { padding-top: calc(var(--spacing) * 3); }
|
| .pt-4 { padding-top: calc(var(--spacing) * 4); }
|
| .pr-1 { padding-right: calc(var(--spacing) * 1); }
|
| .pr-3 { padding-right: calc(var(--spacing) * 3); }
|
| .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); }
|
| .pb-1 { padding-bottom: calc(var(--spacing) * 1); }
|
| .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); }
|
| .pb-2 { padding-bottom: calc(var(--spacing) * 2); }
|
| .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); }
|
| .pb-3 { padding-bottom: calc(var(--spacing) * 3); }
|
| .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
|
| .pb-6 { padding-bottom: calc(var(--spacing) * 6); }
|
| .pl-1 { padding-left: calc(var(--spacing) * 1); }
|
| .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); }
|
| .pl-2 { padding-left: calc(var(--spacing) * 2); }
|
| .pl-3 { padding-left: calc(var(--spacing) * 3); }
|
| .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); }
|
| .pl-4 { padding-left: calc(var(--spacing) * 4); }
|
| .pl-14 { padding-left: calc(var(--spacing) * 14); }
|
| .text-center { text-align: center; }
|
| .text-left { text-align: left; }
|
| .text-right { text-align: right; }
|
| .font-display { font-family: var(--font-display); }
|
| .font-mono { font-family: var(--font-mono); }
|
| .font-sans { font-family: var(--font-sans); }
|
| .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-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-\[7px\] { font-size: 7px; }
|
| .text-\[8px\] { font-size: 8px; }
|
| .text-\[9px\] { font-size: 9px; }
|
| .text-\[10px\] { font-size: 10px; }
|
| .text-\[11\.5px\] { font-size: 11.5px; }
|
| .text-\[11px\] { font-size: 11px; }
|
| .text-\[44px\] { font-size: 44px; }
|
| .leading-\[1\.0\] { --tw-leading: 1.0; line-height: 1; }
|
| .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; }
|
| .leading-none { --tw-leading: 1; line-height: 1; }
|
| .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); }
|
| .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
|
| .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
|
| .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
|
| .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); }
|
| .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
|
| .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
|
| .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
|
| .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
|
| .tracking-\[0\.25em\] { --tw-tracking: 0.25em; letter-spacing: 0.25em; }
|
| .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); }
|
| .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
|
| .whitespace-nowrap { white-space: nowrap; }
|
| .whitespace-pre-wrap { white-space: pre-wrap; }
|
| .text-\[\#7cffc7\] { color: rgb(124, 255, 199); }
|
| .text-\[\#58a6ff\] { color: rgb(88, 166, 255); }
|
| .text-\[\#e8eefc\] { color: rgb(232, 238, 252); }
|
| .text-amber-300 { color: var(--color-amber-300); }
|
| .text-amber-400 { color: var(--color-amber-400); }
|
| .text-amber-500 { color: var(--color-amber-500); }
|
| .text-amber-500\/70 {
|
| color: color-mix(in srgb, oklch(0.769 0.188 70.08) 70%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
|
| }
|
| }
|
| .text-black { color: var(--color-black); }
|
| .text-cyan-400 { color: var(--color-cyan-400); }
|
| .text-emerald-300 { color: var(--color-emerald-300); }
|
| .text-emerald-400 { color: var(--color-emerald-400); }
|
| .text-emerald-400\/80 {
|
| color: color-mix(in srgb, oklch(0.765 0.177 163.223) 80%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
|
| }
|
| }
|
| .text-emerald-500\/70 {
|
| color: color-mix(in srgb, oklch(0.696 0.17 162.48) 70%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
|
| }
|
| }
|
| .text-fuchsia-400 { color: var(--color-fuchsia-400); }
|
| .text-indigo-400 { color: var(--color-indigo-400); }
|
| .text-pink-400 { color: var(--color-pink-400); }
|
| .text-purple-300 { color: var(--color-purple-300); }
|
| .text-purple-400 { color: var(--color-purple-400); }
|
| .text-purple-500\/70 {
|
| color: color-mix(in srgb, oklch(0.627 0.265 303.9) 70%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-purple-500) 70%, transparent);
|
| }
|
| }
|
| .text-red-400 { color: var(--color-red-400); }
|
| .text-red-500 { color: var(--color-red-500); }
|
| .text-rose-400 { color: var(--color-rose-400); }
|
| .text-sky-200\/90 {
|
| color: color-mix(in srgb, oklch(0.901 0.058 230.902) 90%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-sky-200) 90%, transparent);
|
| }
|
| }
|
| .text-sky-300 { color: var(--color-sky-300); }
|
| .text-sky-400 { color: var(--color-sky-400); }
|
| .text-sky-500\/70 {
|
| color: color-mix(in srgb, oklch(0.685 0.169 237.323) 70%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-sky-500) 70%, transparent);
|
| }
|
| }
|
| .text-slate-200 { color: var(--color-slate-200); }
|
| .text-slate-300 { color: var(--color-slate-300); }
|
| .text-slate-400 { color: var(--color-slate-400); }
|
| .text-slate-500 { color: var(--color-slate-500); }
|
| .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-transparent { color: transparent; }
|
| .text-white { color: var(--color-white); }
|
| .text-white\/\[0\.12\] {
|
| color: color-mix(in srgb, rgb(255, 255, 255) 12%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| color: color-mix(in oklab, var(--color-white) 12%, transparent);
|
| }
|
| }
|
| .text-yellow-400 { color: var(--color-yellow-400); }
|
| .text-yellow-500 { color: var(--color-yellow-500); }
|
| .capitalize { text-transform: capitalize; }
|
| .uppercase { text-transform: uppercase; }
|
| .italic { font-style: italic; }
|
| .line-through { text-decoration-line: line-through; }
|
| .decoration-red-500\/20 {
|
| text-decoration-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| text-decoration-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
|
| }
|
| }
|
| .decoration-red-500\/30 {
|
| text-decoration-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 30%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| text-decoration-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
|
| }
|
| }
|
| .antialiased { -webkit-font-smoothing: antialiased; }
|
| .accent-\[\#5dffbd\] { accent-color: rgb(93, 255, 189); }
|
| .accent-\[\#7cffc7\] { accent-color: rgb(124, 255, 199); }
|
| .accent-\[\#58a6ff\] { accent-color: rgb(88, 166, 255); }
|
| .accent-emerald-400 { accent-color: var(--color-emerald-400); }
|
| .accent-purple-500 { accent-color: var(--color-purple-500); }
|
| .opacity-0 { opacity: 0; }
|
| .opacity-60 { opacity: 0.6; }
|
| .opacity-75 { opacity: 0.75; }
|
| .opacity-95 { opacity: 0.95; }
|
| .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_8px_rgba\(16\,185\,129\,0\.15\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(16,185,129,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_12px_rgba\(88\,166\,255\,0\.12\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(88,166,255,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_12px_rgba\(124\,255\,199\,0\.06\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(124,255,199,0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_12px_rgba\(124\,255\,199\,0\.12\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(124,255,199,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_15px_rgba\(124\,255\,199\,0\.25\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(124,255,199,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_20px_rgba\(124\,255\,199\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(124,255,199,0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_20px_rgba\(124\,255\,199\,0\.15\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(124,255,199,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_20px_rgba\(217\,70\,239\,0\.35\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(217,70,239,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(245,158,11,0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.92\)\] { --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(0,0,0,0.92)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_10px_50px_rgba\(4\,120\,87\,0\.15\)\] { --tw-shadow: 0 10px 50px var(--tw-shadow-color, rgba(4,120,87,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
|
| .shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 20px 40px var(--tw-shadow-color, rgba(0,0,0,0.8)); 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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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); }
|
| .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .drop-shadow-\[0_0_4px_rgba\(244\,63\,94\,0\.6\)\] { --tw-drop-shadow-size: drop-shadow(0 0 4px var(--tw-drop-shadow-color, rgba(244,63,94,0.6))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .drop-shadow-\[0_0_12px_rgba\(0\,0\,0\,0\.85\)\] { --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.85))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .drop-shadow-\[0_0_12px_rgba\(124\,255\,199\,0\.15\)\] { --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(124,255,199,0.15))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .drop-shadow-\[0_0_20px_rgba\(124\,255\,199\,0\.15\)\] { --tw-drop-shadow-size: drop-shadow(0 0 20px var(--tw-drop-shadow-color, rgba(124,255,199,0.15))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
|
| .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
|
| .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
|
| .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); 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-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: 200ms; transition-duration: 200ms; }
|
| .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; }
|
| .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; }
|
| .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; }
|
| .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; }
|
| .select-all { user-select: all; }
|
| .select-none { user-select: none; }
|
| .select-text { user-select: text; }
|
| .text-shadow-sm { text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)); }
|
| .group-hover\:block {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| display: block;
|
| }
|
| }
|
| }
|
| .group-hover\:translate-x-full {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y);
|
| }
|
| }
|
| }
|
| .group-hover\:scale-110 {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);
|
| }
|
| }
|
| }
|
| .group-hover\:bg-cyan-400\/10 {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .group-hover\:bg-fuchsia-400\/10 {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.74 0.238 322.16) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .group-hover\:text-emerald-400 {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| color: var(--color-emerald-400);
|
| }
|
| }
|
| }
|
| .group-hover\:opacity-100 {
|
| &:is(:where(.group):hover *) {
|
| @media (hover: hover) {
|
| opacity: 1;
|
| }
|
| }
|
| }
|
| .marker\:text-\[\#7cffc7\] {
|
| & ::marker { color: rgb(124, 255, 199); }
|
| &::marker { color: rgb(124, 255, 199); }
|
| & ::-webkit-details-marker { color: rgb(124, 255, 199); }
|
| &::-webkit-details-marker { color: rgb(124, 255, 199); }
|
| }
|
| .marker\:text-cyan-400 {
|
| & ::marker { color: var(--color-cyan-400); }
|
| &::marker { color: var(--color-cyan-400); }
|
| & ::-webkit-details-marker { color: var(--color-cyan-400); }
|
| &::-webkit-details-marker { color: var(--color-cyan-400); }
|
| }
|
| .marker\:text-emerald-400 {
|
| & ::marker { color: var(--color-emerald-400); }
|
| &::marker { color: var(--color-emerald-400); }
|
| & ::-webkit-details-marker { color: var(--color-emerald-400); }
|
| &::-webkit-details-marker { color: var(--color-emerald-400); }
|
| }
|
| .marker\:text-indigo-400 {
|
| & ::marker { color: var(--color-indigo-400); }
|
| &::marker { color: var(--color-indigo-400); }
|
| & ::-webkit-details-marker { color: var(--color-indigo-400); }
|
| &::-webkit-details-marker { color: var(--color-indigo-400); }
|
| }
|
| .selection\:bg-emerald-500\/20 {
|
| & ::selection {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| &::selection {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| .selection\:bg-sky-500\/20 {
|
| & ::selection {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
|
| }
|
| }
|
| &::selection {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:scale-101 {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-scale-x: 101%; --tw-scale-y: 101%; --tw-scale-z: 101%; scale: var(--tw-scale-x) var(--tw-scale-y);
|
| }
|
| }
|
| }
|
| .hover\:scale-102 {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-scale-x: 102%; --tw-scale-y: 102%; --tw-scale-z: 102%; scale: var(--tw-scale-x) var(--tw-scale-y);
|
| }
|
| }
|
| }
|
| .hover\:scale-105 {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: rgb(124, 255, 199);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\]\/15 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(rgb(124, 255, 199) 15%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\]\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(rgb(124, 255, 199) 20%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\]\/40 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(rgb(124, 255, 199) 40%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\]\/65 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(rgb(124, 255, 199) 65%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:border-\[\#7cffc7\]\/70 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(rgb(124, 255, 199) 70%, transparent);
|
| }
|
| }
|
| }
|
| .hover\:border-amber-400 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: var(--color-amber-400);
|
| }
|
| }
|
| }
|
| .hover\:border-cyan-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-emerald-400 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: var(--color-emerald-400);
|
| }
|
| }
|
| }
|
| .hover\:border-emerald-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-emerald-500\/40 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-pink-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.656 0.241 354.308) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-purple-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-sky-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:border-slate-700 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: var(--color-slate-700);
|
| }
|
| }
|
| }
|
| .hover\:border-slate-800 {
|
| &:hover {
|
| @media (hover: hover) {
|
| border-color: var(--color-slate-800);
|
| }
|
| }
|
| }
|
| .hover\:bg-amber-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-amber-500\/\[0\.08\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-emerald-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-emerald-500\/25 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 25%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-emerald-500\/\[0\.08\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-emerald-950\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.262 0.051 172.552) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-purple-500\/\[0\.08\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-purple-500) 8%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-sky-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-sky-500\/\[0\.08\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 8%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-sky-500) 8%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-slate-900 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: var(--color-slate-900);
|
| }
|
| }
|
| }
|
| .hover\:bg-slate-900\/10 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 10%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-slate-900\/15 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 15%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 15%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-slate-900\/40 {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 40%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:bg-white\/\[0\.04\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| background-color: color-mix(in srgb, rgb(255, 255, 255) 4%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
|
| }
|
| }
|
| }
|
| }
|
| .hover\:from-emerald-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, 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));
|
| }
|
| }
|
| }
|
| .hover\:to-indigo-500\/20 {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
|
| @supports (color: color-mix(in lab, red, red)) {
|
| --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 20%, 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));
|
| }
|
| }
|
| }
|
| .hover\:text-\[\#7cffc7\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: rgb(124, 255, 199);
|
| }
|
| }
|
| }
|
| .hover\:text-emerald-400 {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: var(--color-emerald-400);
|
| }
|
| }
|
| }
|
| .hover\:text-purple-400 {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: var(--color-purple-400);
|
| }
|
| }
|
| }
|
| .hover\:text-sky-400 {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: var(--color-sky-400);
|
| }
|
| }
|
| }
|
| .hover\:text-slate-200 {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: var(--color-slate-200);
|
| }
|
| }
|
| }
|
| .hover\:text-white {
|
| &:hover {
|
| @media (hover: hover) {
|
| color: var(--color-white);
|
| }
|
| }
|
| }
|
| .hover\:opacity-90 {
|
| &:hover {
|
| @media (hover: hover) {
|
| opacity: 0.9;
|
| }
|
| }
|
| }
|
| .hover\:opacity-95 {
|
| &:hover {
|
| @media (hover: hover) {
|
| opacity: 0.95;
|
| }
|
| }
|
| }
|
| .hover\:shadow-\[0_0_12px_rgba\(16\,185\,129\,0\.3\)\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(16,185,129,0.3)); 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-\[0_0_25px_rgba\(124\,255\,199\,0\.45\)\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(124,255,199,0.45)); 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-\[0_0_30px_rgba\(124\,255\,199\,0\.1\)\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(124,255,199,0.1)); 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-\[0_0_70px_rgba\(56\,189\,248\,0\.12\)\] {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-shadow: 0 0 70px var(--tw-shadow-color, rgba(56,189,248,0.12)); 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-lg {
|
| &:hover {
|
| @media (hover: hover) {
|
| --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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-emerald-500 {
|
| &:focus { border-color: var(--color-emerald-500); }
|
| }
|
| .focus\:border-sky-500 {
|
| &:focus { border-color: var(--color-sky-500); }
|
| }
|
| .focus\:text-white {
|
| &:focus { color: var(--color-white); }
|
| }
|
| .focus\:outline-none {
|
| &:focus { --tw-outline-style: none; outline-style: none; }
|
| }
|
| .active\:scale-98 {
|
| &:active { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); }
|
| }
|
| .disabled\:cursor-not-allowed {
|
| &:disabled { cursor: not-allowed; }
|
| }
|
| .disabled\:opacity-20 {
|
| &:disabled { opacity: 0.2; }
|
| }
|
| .disabled\:opacity-40 {
|
| &:disabled { opacity: 0.4; }
|
| }
|
| .disabled\:opacity-50 {
|
| &:disabled { opacity: 0.5; }
|
| }
|
| .sm\:col-span-2 {
|
| @media (width >= 40rem) {
|
| grid-column: span 2 / span 2;
|
| }
|
| }
|
| .sm\:mt-0 {
|
| @media (width >= 40rem) {
|
| margin-top: calc(var(--spacing) * 0);
|
| }
|
| }
|
| .sm\:block {
|
| @media (width >= 40rem) {
|
| display: block;
|
| }
|
| }
|
| .sm\:inline {
|
| @media (width >= 40rem) {
|
| display: inline;
|
| }
|
| }
|
| .sm\:w-auto {
|
| @media (width >= 40rem) {
|
| width: auto;
|
| }
|
| }
|
| .sm\:grid-cols-2 {
|
| @media (width >= 40rem) {
|
| grid-template-columns: repeat(2, minmax(0px, 1fr));
|
| }
|
| }
|
| .sm\:grid-cols-3 {
|
| @media (width >= 40rem) {
|
| grid-template-columns: repeat(3, minmax(0px, 1fr));
|
| }
|
| }
|
| .sm\:flex-row {
|
| @media (width >= 40rem) {
|
| flex-direction: row;
|
| }
|
| }
|
| .sm\:items-center {
|
| @media (width >= 40rem) {
|
| align-items: center;
|
| }
|
| }
|
| .sm\:justify-start {
|
| @media (width >= 40rem) {
|
| justify-content: flex-start;
|
| }
|
| }
|
| .sm\:p-5 {
|
| @media (width >= 40rem) {
|
| padding: calc(var(--spacing) * 5);
|
| }
|
| }
|
| .sm\:p-7 {
|
| @media (width >= 40rem) {
|
| padding: calc(var(--spacing) * 7);
|
| }
|
| }
|
| .sm\:px-6 {
|
| @media (width >= 40rem) {
|
| padding-inline: calc(var(--spacing) * 6);
|
| }
|
| }
|
| .sm\:py-3\.5 {
|
| @media (width >= 40rem) {
|
| padding-block: calc(var(--spacing) * 3.5);
|
| }
|
| }
|
| .sm\:py-8 {
|
| @media (width >= 40rem) {
|
| padding-block: calc(var(--spacing) * 8);
|
| }
|
| }
|
| .sm\:pb-12 {
|
| @media (width >= 40rem) {
|
| padding-bottom: calc(var(--spacing) * 12);
|
| }
|
| }
|
| .sm\:text-right {
|
| @media (width >= 40rem) {
|
| text-align: right;
|
| }
|
| }
|
| .sm\:text-2xl {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));
|
| }
|
| }
|
| .sm\:text-3xl {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));
|
| }
|
| }
|
| .sm\:text-4xl {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));
|
| }
|
| }
|
| .sm\:text-5xl {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));
|
| }
|
| }
|
| .sm\:text-base {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
|
| }
|
| }
|
| .sm\:text-sm {
|
| @media (width >= 40rem) {
|
| font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
|
| }
|
| }
|
| .sm\:text-\[10px\] {
|
| @media (width >= 40rem) {
|
| font-size: 10px;
|
| }
|
| }
|
| .sm\:text-\[54px\] {
|
| @media (width >= 40rem) {
|
| font-size: 54px;
|
| }
|
| }
|
| .md\:col-span-1 {
|
| @media (width >= 48rem) {
|
| grid-column: span 1 / span 1;
|
| }
|
| }
|
| .md\:flex {
|
| @media (width >= 48rem) {
|
| display: flex;
|
| }
|
| }
|
| .md\:aspect-\[17\/11\] {
|
| @media (width >= 48rem) {
|
| aspect-ratio: 17 / 11;
|
| }
|
| }
|
| .md\:grid-cols-2 {
|
| @media (width >= 48rem) {
|
| grid-template-columns: repeat(2, minmax(0px, 1fr));
|
| }
|
| }
|
| .md\:grid-cols-3 {
|
| @media (width >= 48rem) {
|
| grid-template-columns: repeat(3, minmax(0px, 1fr));
|
| }
|
| }
|
| .md\:grid-cols-4 {
|
| @media (width >= 48rem) {
|
| grid-template-columns: repeat(4, minmax(0px, 1fr));
|
| }
|
| }
|
| .md\:grid-cols-6 {
|
| @media (width >= 48rem) {
|
| grid-template-columns: repeat(6, minmax(0px, 1fr));
|
| }
|
| }
|
| .md\:flex-row {
|
| @media (width >= 48rem) {
|
| flex-direction: row;
|
| }
|
| }
|
| .md\:items-center {
|
| @media (width >= 48rem) {
|
| align-items: center;
|
| }
|
| }
|
| .md\:border-r {
|
| @media (width >= 48rem) {
|
| border-right-style: var(--tw-border-style); border-right-width: 1px;
|
| }
|
| }
|
| .md\:border-b-0 {
|
| @media (width >= 48rem) {
|
| border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;
|
| }
|
| }
|
| .md\:p-6 {
|
| @media (width >= 48rem) {
|
| padding: calc(var(--spacing) * 6);
|
| }
|
| }
|
| .md\:pr-3 {
|
| @media (width >= 48rem) {
|
| padding-right: calc(var(--spacing) * 3);
|
| }
|
| }
|
| .md\:pb-0 {
|
| @media (width >= 48rem) {
|
| padding-bottom: calc(var(--spacing) * 0);
|
| }
|
| }
|
| .md\:text-6xl {
|
| @media (width >= 48rem) {
|
| font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));
|
| }
|
| }
|
| .lg\:col-span-4 {
|
| @media (width >= 64rem) {
|
| grid-column: span 4 / span 4;
|
| }
|
| }
|
| .lg\:col-span-5 {
|
| @media (width >= 64rem) {
|
| grid-column: span 5 / span 5;
|
| }
|
| }
|
| .lg\:col-span-6 {
|
| @media (width >= 64rem) {
|
| grid-column: span 6 / span 6;
|
| }
|
| }
|
| .lg\:col-span-7 {
|
| @media (width >= 64rem) {
|
| grid-column: span 7 / span 7;
|
| }
|
| }
|
| .lg\:col-span-8 {
|
| @media (width >= 64rem) {
|
| grid-column: span 8 / span 8;
|
| }
|
| }
|
| .lg\:h-auto {
|
| @media (width >= 64rem) {
|
| height: auto;
|
| }
|
| }
|
| .lg\:grid-cols-4 {
|
| @media (width >= 64rem) {
|
| grid-template-columns: repeat(4, minmax(0px, 1fr));
|
| }
|
| }
|
| .lg\:grid-cols-12 {
|
| @media (width >= 64rem) {
|
| grid-template-columns: repeat(12, minmax(0px, 1fr));
|
| }
|
| }
|
| .lg\:p-7 {
|
| @media (width >= 64rem) {
|
| padding: calc(var(--spacing) * 7);
|
| }
|
| }
|
| .xl\:col-span-4 {
|
| @media (width >= 80rem) {
|
| grid-column: span 4 / span 4;
|
| }
|
| }
|
| .xl\:col-span-8 {
|
| @media (width >= 80rem) {
|
| grid-column: span 8 / span 8;
|
| }
|
| }
|
| .xl\:grid-cols-12 {
|
| @media (width >= 80rem) {
|
| grid-template-columns: repeat(12, minmax(0px, 1fr));
|
| }
|
| }
|
| .xl\:text-\[62px\] {
|
| @media (width >= 80rem) {
|
| font-size: 62px;
|
| }
|
| }
|
| .print\:block {
|
| @media print {
|
| display: block;
|
| }
|
| }
|
| .print\:hidden {
|
| @media print {
|
| display: none;
|
| }
|
| }
|
| .print\:aspect-\[17\/11\] {
|
| @media print {
|
| aspect-ratio: 17 / 11;
|
| }
|
| }
|
| .print\:border-none {
|
| @media print {
|
| --tw-border-style: none; border-style: none;
|
| }
|
| }
|
| .print\:shadow-none {
|
| @media print {
|
| --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);
|
| }
|
| }
|
| }
|
|
|
| :root { font-size: 17px; --bg: #05070c; --panel: rgba(255, 255, 255, 0.03); --line: rgba(124, 255, 199, 0.16); --accent: #7cffc7; --accent2: #58a6ff; --text: #e8eefc; --muted: rgba(232, 238, 252, 0.72); --code: #9ff7d1; background-color: var(--bg); color: var(--text); font-family: var(--font-sans); overflow-x: hidden; }
|
|
|
| ::-webkit-scrollbar { width: 6px; height: 6px; }
|
|
|
| ::-webkit-scrollbar-track { background: rgb(5, 7, 12); }
|
|
|
| ::-webkit-scrollbar-thumb { background: rgba(124, 255, 199, 0.2); border-radius: 999px; }
|
|
|
| ::-webkit-scrollbar-thumb:hover { background: var(--accent); }
|
|
|
| .glow-green { box-shadow: rgba(124, 255, 199, 0.15) 0px 0px 25px; }
|
|
|
| .glow-blue { box-shadow: rgba(88, 166, 255, 0.15) 0px 0px 25px; }
|
|
|
| .glow-purple { box-shadow: rgba(217, 70, 239, 0.18) 0px 0px 25px; }
|
|
|
| .neon-text-green { text-shadow: rgba(124, 255, 199, 0.6) 0px 0px 8px, rgba(124, 255, 199, 0.3) 0px 0px 15px; }
|
|
|
| .neon-text-blue { text-shadow: rgba(88, 166, 255, 0.6) 0px 0px 8px, rgba(88, 166, 255, 0.3) 0px 0px 15px; }
|
|
|
| .neon-text-purple { text-shadow: rgba(217, 70, 239, 0.6) 0px 0px 8px, rgba(217, 70, 239, 0.3) 0px 0px 15px; }
|
|
|
| .neon-border-green { box-shadow: rgba(124, 255, 199, 0.35) 0px 0px 15px; border-color: rgba(124, 255, 199, 0.8) !important; }
|
|
|
| .neon-border-blue { box-shadow: rgba(88, 166, 255, 0.35) 0px 0px 15px; border-color: rgba(88, 166, 255, 0.8) !important; }
|
|
|
| .neon-border-purple { box-shadow: rgba(217, 70, 239, 0.35) 0px 0px 15px; border-color: rgba(217, 70, 239, 0.8) !important; }
|
|
|
| @keyframes goldGlitter {
|
| 0% { background-position: 0% 50%; }
|
| 50% { background-position: 100% 50%; }
|
| 100% { background-position: 0% 50%; }
|
| }
|
|
|
| #deck-wrapper-app button, #deck-wrapper-app a, #deck-wrapper-app select, #deck-wrapper-app input[type="range"]::-webkit-slider-thumb, #deck-wrapper-app [role="button"], .clickable { transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
|
|
|
| #deck-wrapper-app button:not(:disabled):hover, #deck-wrapper-app a:hover, #deck-wrapper-app [role="button"]:not(:disabled):hover, .clickable:hover { box-shadow: rgba(245, 158, 11, 0.35) 0px 0px 18px, rgba(251, 191, 36, 0.15) 0px 0px 5px inset; text-shadow: rgba(251, 191, 36, 0.25) 0px 0px 4px; animation: 1.2s linear 0s infinite normal none running goldGlitter; border-color: rgba(245, 158, 11, 0.55) !important; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, rgba(245, 158, 11, 0.08) 50%, rgba(255, 255, 255, 0) 75%) !important; background-size: 200% !important; }
|
|
|
| #deck-wrapper-app button:not(:disabled):active, #deck-wrapper-app a:active, #deck-wrapper-app [role="button"]:not(:disabled):active { transform: scale(0.97); }
|
|
|
| @keyframes fadeIn {
|
| 0% { opacity: 0; transform: translateY(10px); }
|
| 100% { opacity: 1; transform: translateY(0px); }
|
| }
|
|
|
| .animate-fade-in { animation: 0.4s ease-out 0s 1 normal forwards running fadeIn; }
|
|
|
| @media print {
|
| @page { size: 17in 11in; margin: 0px; }
|
| html, body { font-family: "Plus Jakarta Sans", Inter, sans-serif; background-color: rgb(5, 7, 12) !important; background-image: none !important; color: rgb(232, 238, 252) !important; print-color-adjust: exact !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; height: auto !important; }
|
| .no-print, header, footer, button, select, input, #presenter-controls-container, #coach-notes-view, #deck-wrapper-app > header, #deck-wrapper-app > footer, main { display: none !important; }
|
| .print-only-deck { display: block !important; width: 17in !important; background-color: rgb(5, 7, 12) !important; margin: 0px !important; padding: 0px !important; }
|
| .print-page-slide { display: flex !important; flex-direction: column !important; justify-content: space-between !important; width: 17in !important; height: 11in !important; padding: 0.8in 1in !important; box-sizing: border-box !important; break-after: page !important; background-color: rgb(5, 7, 12) !important; background-image: radial-gradient(circle at center top, rgba(88, 166, 255, 0.06), transparent 35%) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; position: relative !important; overflow: hidden !important; }
|
| svg, table, tr, td, th { break-inside: avoid !important; }
|
| }
|
|
|
| @keyframes rotateHatCounterclockwise {
|
| 0% { transform: rotate(0deg); }
|
| 100% { transform: rotate(-360deg); }
|
| }
|
|
|
| .animate-hat-ccw { animation: 3.33s linear 0s infinite normal none running rotateHatCounterclockwise; transform-origin: center center; }
|
|
|
| @keyframes goldSheenAnimation {
|
| 0% { background-position: 0% 50%; opacity: 0.85; }
|
| 50% { background-position: 100% 50%; opacity: 1; }
|
| 100% { background-position: 0% 50%; opacity: 0.85; }
|
| }
|
|
|
| .gold-heavy-container-radius { position: relative; background-clip: padding-box; box-shadow: rgba(245, 158, 11, 0.12) 0px 0px 25px, rgba(251, 191, 36, 0.05) 0px 0px 10px inset; border: 3.85px solid transparent !important; }
|
|
|
| .gold-heavy-container-radius::before { content: ""; position: absolute; inset: -3.85px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(135deg, rgb(120, 53, 15) 0%, rgb(180, 83, 9) 15%, rgb(217, 119, 6) 30%, rgb(245, 158, 11) 50%, rgb(254, 240, 138) 65%, rgb(245, 158, 11) 80%, rgb(180, 83, 9) 100%) 0% 0% / 250% 250%; animation: 5s ease 0s infinite alternate none running goldSheenAnimation; }
|
|
|
| .gold-thin-box-radius { position: relative; background-clip: padding-box; box-shadow: rgba(245, 158, 11, 0.06) 0px 0px 15px; border: 2.67px solid transparent !important; }
|
|
|
| .gold-thin-box-radius::before { content: ""; position: absolute; inset: -2.67px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(135deg, rgb(120, 53, 15) 0%, rgb(180, 83, 9) 20%, rgb(245, 158, 11) 45%, rgb(254, 240, 138) 60%, rgb(180, 83, 9) 85%, rgb(120, 53, 15) 100%) 0% 0% / 250% 250%; animation: 7s ease 0s infinite alternate none running goldSheenAnimation; }
|
|
|
| @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-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: 0px; }
|
|
|
| @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-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-text-shadow-color { syntax: "*"; inherits: false; }
|
|
|
| @property --tw-text-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
|
| @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 spin {
|
| 100% { transform: rotate(360deg); }
|
| }
|
|
|
| @keyframes ping {
|
| 75%, 100% { transform: scale(2); opacity: 0; }
|
| }
|
|
|
| @keyframes pulse {
|
| 50% { opacity: 0.5; }
|
| }
|
|
|
| @keyframes bounce {
|
| 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
|
| 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
|
| }
|
|
|
| @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-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-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-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; }
|
| }
|
| } |
| </style>
|
|
|
|
|
|
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>MΛDHAT's Gambit — Data Room · Conviction Markets · Card Economy · Founder's Golden Ticket</title>
|
| <style> |
| @charset "utf-8";
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: Outfit; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
|
|
| @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } |
| </style> |
| </head>
|
| <body>
|
| <div id="root"><div id="deck-wrapper-app" class="min-h-screen bg-[#05070c] text-[#e8eefc] flex flex-col font-sans select-none overflow-x-hidden antialiased"><header class="border-b border-white/[0.04] bg-[#05070c]/90 sticky top-0 z-30 backdrop-blur-md px-4 sm:px-6 py-3 sm:py-3.5 print:hidden"><div class="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4"><div class="flex items-center gap-2.5 min-w-[240px]"><div class="w-10 h-10 rounded-xl bg-linear-to-tr from-[#7cffc7]/15 to-fuchsia-500/15 border border-[#7cffc7]/40 flex items-center justify-center relative shadow-[0_0_15px_rgba(124,255,199,0.25)] cursor-pointer hover:border-[#7cffc7] hover:scale-105 hover:shadow-[0_0_25px_rgba(124,255,199,0.45)] transition-all duration-300 group overflow-visible" title="Return to Presentation Cover"><div class="absolute inset-0 bg-radial-gradient from-fuchsia-500/30 to-transparent opacity-60 group-hover:opacity-100 transition-opacity rounded-xl"></div><svg viewBox="0 0 100 100" class="w-8 h-8 relative z-10 animate-hat-ccw filter drop-shadow-[0_0_4px_rgba(244,63,94,0.6)]"><ellipse cx="50" cy="76" rx="42" ry="12" fill="#090518" stroke="#f43f5e" stroke-width="2.5"></ellipse><ellipse cx="50" cy="78" rx="30" ry="6" fill="#04020a" stroke="#ec4899" stroke-width="1"></ellipse><path d="M 22 72 L 78 72 L 70 24 L 30 24 Z" fill="#05030e" stroke="#f43f5e" stroke-width="3"></path><ellipse cx="50" cy="24" rx="20" ry="5" fill="#06030c" stroke="#f43f5e" stroke-width="2.5"></ellipse><path d="M 21.8 62 Q 50 67 78.2 62 L 76.8 70 Q 50 75 23.2 70 Z" fill="#ec4899" stroke="#fda4af" stroke-width="0.5"></path><g transform="translate(42, 33) scale(0.16)"><path d="M 35 10 C 25 10, 15 20, 15 35 Q 15 45, 20 50 L 15 75 Q 25 80, 50 80 Q 75 80, 85 75 L 80 50 Q 85 45, 85 35 C 85 20, 75 10, 65 10 Z" fill="#ffd700"></path></g></svg></div><div><div class="flex items-center gap-2"><span class="font-display font-extrabold text-sm tracking-widest uppercase text-transparent bg-clip-text bg-gradient-to-r from-white via-[#8bfdcf] to-[#c98aff] drop-shadow-[0_0_12px_rgba(124,255,199,0.15)]">MΛĐ Gambit</span><span class="text-[9px] font-mono bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 px-1.5 py-0.5 rounded uppercase font-bold tracking-widest leading-none">PITCH STATE</span></div><p class="text-[10px] font-mono text-slate-400 mt-0.5">Outlier co-development node</p></div></div><div class="flex-grow flex justify-center"><button class="relative py-2 px-4 rounded-xl border transition-all duration-300 flex items-center gap-2.5 border-[#7cffc7]/30 bg-[#07111f]/40 text-[#7cffc7] hover:border-[#7cffc7]/65 shadow-[0_0_20px_rgba(124,255,199,0.15)] cursor-pointer group" title="Toggle Global Deck Control Center"><div class="flex flex-col gap-1 shrink-0"><span class="h-[2px] w-4 bg-current rounded transition-all "></span><span class="h-[2px] w-4 bg-current rounded transition-all "></span><span class="h-[2px] w-4 bg-current rounded transition-all "></span></div><span class="font-mono text-xs tracking-widest uppercase font-black">SLIDES CONTROL CENTRE</span><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span></span></button></div><div class="hidden md:flex items-center justify-end text-right min-w-[240px]"><div class="text-[10px] font-mono text-slate-500 leading-tight"><div>SEED STAGE SEEDING</div><div class="text-emerald-400 font-bold mt-0.5">DIMITRIOS & JAMIE B. DECK</div></div></div></div></header><main class="flex-grow p-3.5 sm:p-5 md:p-6 lg:p-7 grid grid-cols-1 grid-cols-1 gap-6 max-w-7xl mx-auto w-full print:hidden"><div class="w-full flex flex-col space-y-4 justify-between h-fit"><div id="slide-canvas-viewport" class="w-full overflow-hidden transition-all duration-500 gold-heavy-container-radius rounded-2xl relative md:aspect-[17/11] min-h-[560px] bg-linear-to-b from-[#030303] via-[#05070c] to-black py-6 px-4 sm:p-7 flex flex-col justify-between print:aspect-[17/11] print:border-none print:shadow-none" style="background-image: radial-gradient(circle at center top, rgba(88, 166, 255, 0.06), transparent 35%);"><div class="flex justify-between items-center border-b border-slate-900 pb-3 mb-3"><div class="flex items-center gap-1.5"><span class="text-[10px] font-mono text-emerald-400 font-bold uppercase tracking-widest">THE STOP-LOSS CO-OWNERSHIP ENGINE OF THE ATTENTION ECONOMY</span><span class="text-[10px] text-slate-500 font-mono">|</span><span class="text-[10px] text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-sky-400 font-mono">Targeting: Dimitrios C.</span></div><div class="flex items-center gap-3"><span class="text-[11.5px] font-mono text-slate-400 tracking-wider">00 / 11</span><div class="flex items-center gap-1 bg-slate-950/90 border border-white/[0.05] shadow-[0_0_12px_rgba(124,255,199,0.06)] px-2 py-1 rounded-lg"><button disabled="" class="px-2 py-0.5 rounded text-[11px] font-mono font-extrabold text-[#7cffc7] hover:text-white disabled:opacity-20 hover:bg-white/[0.04] transition-colors cursor-pointer" title="Previous Slide (ArrowLeft)">< L</button><span class="text-white/[0.12] text-[10px] font-mono pointer-events-none">|</span><button class="px-2 py-0.5 rounded text-[11px] font-mono font-extrabold text-[#7cffc7] hover:text-white disabled:opacity-20 hover:bg-white/[0.04] transition-colors cursor-pointer" title="Next Slide (ArrowRight)">> R</button></div></div></div><div class="flex-grow flex flex-col justify-between" style="opacity: 1; transform: none;"><div class="flex flex-col items-center justify-center flex-grow py-5 sm:py-8 text-center max-w-5xl mx-auto space-y-7"><div class="flex flex-col sm:flex-row items-center gap-2.5"><span class="text-[10px] font-mono bg-red-500/10 border border-red-500/20 text-red-500 px-2.5 py-0.5 rounded-full uppercase font-bold tracking-widest leading-none">WYOMING COMPLIANCE ASSURED · L.C. 2026</span><span class="hidden sm:inline text-slate-700">|</span><span class="text-[10px] font-mono bg-emerald-500/10 border border-emerald-500/20 text-[#7cffc7] px-2.5 py-0.5 rounded-full uppercase font-bold tracking-widest leading-none">OUTLIER CONVICTION SYSTEM</span></div><div class="relative group w-full max-w-[580px] aspect-[100/58] bg-[#020305] border border-white/[0.04] rounded-3xl p-1 shadow-[0_0_50px_rgba(0,0,0,0.92)] hover:shadow-[0_0_70px_rgba(56,189,248,0.12)] transition-all duration-500 overflow-hidden select-none"><div class="absolute left-0 top-0 w-32 h-32 bg-cyan-400/5 rounded-full blur-3xl group-hover:bg-cyan-400/10 transition-colors pointer-events-none"></div><div class="absolute right-0 bottom-0 w-32 h-32 bg-fuchsia-400/5 rounded-full blur-3xl group-hover:bg-fuchsia-400/10 transition-colors pointer-events-none"></div><svg viewBox="0 0 1000 580" class="w-full h-full filter drop-shadow-[0_0_12px_rgba(0,0,0,0.85)]"><defs><linearGradient id="neon-gold-chisel" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#fffcf0"></stop><stop offset="25%" stop-color="#efc76d"></stop><stop offset="50%" stop-color="#ab7b29"></stop><stop offset="75%" stop-color="#f7d983"></stop><stop offset="100%" stop-color="#5c3c04"></stop></linearGradient><linearGradient id="neon-hatband" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#fb7185"></stop><stop offset="50%" stop-color="#ec4899"></stop><stop offset="100%" stop-color="#fb7185"></stop></linearGradient><radialGradient id="crystal-ball-fill" cx="35%" cy="35%" r="65%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="40%" stop-color="#d946ef"></stop><stop offset="100%" stop-color="#4c0519"></stop></radialGradient><filter id="neon-glow-cyan" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="8" result="blur1"></feGaussianBlur><feGaussianBlur stdDeviation="15" result="blur2"></feGaussianBlur><feMerge><feMergeNode in="blur2"></feMergeNode><feMergeNode in="blur1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><filter id="neon-glow-pink" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="8" result="blur1"></feGaussianBlur><feGaussianBlur stdDeviation="15" result="blur2"></feGaussianBlur><feMerge><feMergeNode in="blur2"></feMergeNode><feMergeNode in="blur1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><filter id="neon-glow-yellow" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="6" result="blur1"></feGaussianBlur><feGaussianBlur stdDeviation="12" result="blur2"></feGaussianBlur><feMerge><feMergeNode in="blur2"></feMergeNode><feMergeNode in="blur1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><pattern id="backplate-grid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect width="20" height="20" fill="none"></rect><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.015)" stroke-width="0.5"></path></pattern><rect width="1000" height="580" fill="url(#backplate-grid)"></rect><g><path d="M 480 12 L 60 12 A 48 48 0 0 0 12 60 L 12 520 A 48 48 0 0 0 60 568 L 480 568" fill="none" stroke="#00f0ff" stroke-width="20" opacity="0.08" stroke-linecap="round"></path><path d="M 480 12 L 60 12 A 48 48 0 0 0 12 60 L 12 520 A 48 48 0 0 0 60 568 L 480 568" fill="none" stroke="#38bdf8" stroke-width="8" opacity="0.65" stroke-linecap="round"></path><path d="M 480 12 L 60 12 A 48 48 0 0 0 12 60 L 12 520 A 48 48 0 0 0 60 568 L 480 568" fill="none" stroke="#ffffff" stroke-width="2.5" opacity="0.95" stroke-linecap="round"></path></g><g><path d="M 520 12 L 940 12 A 48 48 0 0 1 988 60 L 988 520 A 48 48 0 0 1 940 568 L 520 568" fill="none" stroke="#ff00f0" stroke-width="20" opacity="0.08" stroke-linecap="round"></path><path d="M 520 12 L 940 12 A 48 48 0 0 1 988 60 L 988 520 A 48 48 0 0 1 940 568 L 520 568" fill="none" stroke="#ec4899" stroke-width="8" opacity="0.65" stroke-linecap="round"></path><path d="M 520 12 L 940 12 A 48 48 0 0 1 988 60 L 988 520 A 48 48 0 0 1 940 568 L 520 568" fill="none" stroke="#ffffff" stroke-width="2.5" opacity="0.95" stroke-linecap="round"></path></g><rect x="474" y="5" width="52" height="14" rx="4" fill="#0b0e14" stroke="#1f2937" stroke-width="1"></rect><rect x="477" y="9" width="4" height="6" fill="#111"></rect><rect x="519" y="9" width="4" height="6" fill="#111"></rect><rect x="474" y="561" width="52" height="14" rx="4" fill="#0b0e14" stroke="#1f2937" stroke-width="1"></rect><rect x="477" y="565" width="4" height="6" fill="#111"></rect><rect x="519" y="565" width="4" height="6" fill="#111"></rect><rect x="8" y="284" width="8" height="12" rx="1.5" fill="#15171e"></rect><rect x="984" y="284" width="8" height="12" rx="1.5" fill="#15171e"></rect><text x="135" y="245" fill="url(#neon-gold-chisel)" font-size="112" font-family="Georgia, serif" font-weight="900" letter-spacing="6" filter="drop-shadow(0 6px 12px rgba(0,0,0,0.95))">MΛĐ</text><g filter="url(#neon-glow-yellow)"><polygon points="458,125 488,210 464,210 496,295 444,222 468,222" fill="#ffd700"></polygon><polygon points="458,125 488,210 464,210 496,295 444,222 468,222" fill="#ffffff" opacity="0.9" stroke="#fff" stroke-width="1"></polygon></g><text x="506" y="245" fill="url(#neon-gold-chisel)" font-size="112" font-family="Georgia, serif" font-weight="900" letter-spacing="2" filter="drop-shadow(0 6px 12px rgba(0,0,0,0.95))">Gambit</text><g><polygon points="105,348 110,362 125,362 112,371 117,385 105,376 93,385 98,371 85,362 100,362" fill="#eab308" filter="url(#neon-glow-yellow)"></polygon><polygon points="105,348 110,362 125,362 112,371 117,385 105,376 93,385 98,371 85,362 100,362" fill="#ffffff" opacity="0.9"></polygon><text x="142" y="373" fill="#fbbf24" font-size="22" font-family="monospace" font-weight="900" letter-spacing="2" filter="drop-shadow(0 0 6px rgba(251,191,36,0.65))">PREDICTION</text></g><g><circle cx="438" cy="365" r="16" fill="url(#crystal-ball-fill)" stroke="#f472b6" stroke-width="1.5"></circle><path d="M 426 381 L 450 381 L 444 388 L 432 388 Z" fill="#18181b" stroke="#3f3f46" stroke-width="2"></path><circle cx="434" cy="359" r="4" fill="#fff" opacity="0.8"></circle><text x="472" y="373" fill="#ffffff" font-size="22" font-family="monospace" font-weight="900" letter-spacing="2" filter="drop-shadow(0 0 10px rgba(236,72,153,0.85))">CONVICTION</text></g><g><g filter="url(#neon-glow-pink)"><path d="M 735 352 C 728 344, 715 344, 710 355 C 710 368, 725 382, 735 385 C 745 382, 760 368, 760 355 C 755 344, 742 344, 735 352 Z" fill="#ffffff" stroke="#c084fc" stroke-width="3"></path><path d="M 708 362 Q 735 363 762 358" stroke="#a855f7" stroke-width="2.5" fill="none"></path><path d="M 718 375 Q 735 365 750 350" stroke="#a855f7" stroke-width="2.5" fill="none"></path></g><text x="778" y="373" fill="#c084fc" font-size="22" font-family="monospace" font-weight="900" letter-spacing="2" filter="drop-shadow(0 0 6px rgba(168,85,247,0.65))">AFFLICTION</text></g><text x="75" y="475" fill="#e2e8f0" font-size="24" font-family="monospace" font-weight="800" letter-spacing="1.2">"The Economic Engine of</text><g><text x="454" y="475" fill="#38bdf8" font-size="24" font-family="sans-serif" font-weight="900" letter-spacing="0.8" filter="url(#neon-glow-cyan)">Entertainment Prediction Markets "</text><text x="454" y="475" fill="#ffffff" font-size="24" font-family="sans-serif" font-weight="900" letter-spacing="0.8">Entertainment Prediction Markets "</text></g><g transform="translate(815, 68) rotate(16) scale(1.08)"><rect x="-8" y="-4" width="138" height="114" rx="20" fill="#030407" stroke="#333" stroke-width="1" opacity="0.85"></rect><ellipse cx="60" cy="80" rx="55" ry="16" fill="#090518" stroke="#f43f5e" stroke-width="2" filter="drop-shadow(0 0 3px #f43f5e)"></ellipse><ellipse cx="60" cy="83" rx="40" ry="8" fill="#04020a" stroke="#ec4899" stroke-width="1"></ellipse><path d="M 22 75 L 98 75 L 88 15 L 32 15 Z" fill="#05030e" stroke="#f43f5e" stroke-width="2.5" filter="drop-shadow(0 0 4px #e11d48)"></path><path d="M 23 74 L 97 74 L 87 16 L 33 16 Z" fill="#05030e" stroke="#ffffff" stroke-width="0.8" opacity="0.8"></path><path d="M 28 20 L 36 70" stroke="#ec4899" stroke-width="1" opacity="0.6"></path><path d="M 92 20 L 84 70" stroke="#fb7185" stroke-width="1" opacity="0.3"></path><ellipse cx="60" cy="15" rx="28" ry="7" fill="#06030c" stroke="#f43f5e" stroke-width="2"></ellipse><path d="M 21.6 62 Q 60 67 98.4 62 L 96 73 Q 60 78 24 73 Z" fill="url(#neon-hatband)" stroke="#fda4af" stroke-width="0.5"></path><rect x="48" y="58" width="24" height="16" rx="3" fill="none" stroke="#eab308" stroke-width="2" filter="drop-shadow(0 0 3px #eab308)"></rect><rect x="54" y="62" width="12" height="8" fill="#eab308" opacity="0.8"></rect><g transform="translate(42, 22) scale(0.38)"><path d="M 35 10 C 25 10, 15 20, 15 35 Q 15 45, 20 50 L 15 75 Q 25 80, 50 80 Q 75 80, 85 75 L 80 50 Q 85 45, 85 35 C 85 20, 75 10, 65 10 Z" fill="#eab308" filter="drop-shadow(0 0 5px #eab308)"></path><path d="M 35 15 C 28 15, 20 22, 20 35 Q 20 42, 25 45 L 20 70 Q 30 75, 50 75 Q 70 75, 80 70 L 75 45 Q 80 42, 80 35 C 80 22, 72 15, 65 15 Z" fill="#ffffff" opacity="0.9"></path></g><text x="60" y="32" fill="#fda4af" font-size="10" font-family="sans-serif" font-weight="950" text-anchor="middle" letter-spacing="0.8" filter="drop-shadow(0 0 1px #f43f5e)">PASEOME</text><text x="60" y="44" fill="#fbbf24" font-size="11" font-family="sans-serif" font-weight="950" text-anchor="middle" letter-spacing="1" filter="drop-shadow(0 0 1px #eab308)">M A D</text><text x="60" y="54" fill="#fda4af" font-size="9" font-family="sans-serif" font-weight="900" text-anchor="middle" letter-spacing="0.5">HAT'S</text></g></svg></div><div class="space-y-3.5 select-text"><p class="text-[11px] font-mono text-emerald-400 tracking-[0.25em] uppercase font-black">THE STOP-LOSS CO-OWNERSHIP ENGINE OF THE ATTENTION ECONOMY</p><h1 class="font-display font-black text-4xl sm:text-5xl md:text-6xl text-transparent bg-clip-text bg-gradient-to-r from-white via-[#8bfdcf] to-[#c98aff] tracking-wider uppercase drop-shadow-[0_0_20px_rgba(124,255,199,0.15)] leading-[1.05]">MΛĐ Gambit llc.</h1><p class="text-xs sm:text-sm text-slate-300 font-medium leading-relaxed max-w-2xl mx-auto">Strategic Co-Development with Outlier Ventures: Flagship consumer platform MAD Gambit llc., highlighting the 'MADHAT's Gambit' card game built on Conviction Markets.</p></div><div class="w-full"><div class="text-[9px] font-mono text-slate-500 uppercase tracking-widest mb-3">CO-DEVELOPMENT CONSENSUS STAKEHOLDERS (ACTIVE NODES)</div><div class="grid grid-cols-1 md:grid-cols-3 gap-3.5 max-w-3xl mx-auto"><div class="p-3 bg-[#030508]/60 rounded-xl border border-slate-900 group/s hover:border-emerald-500/20 transition-all text-left flex items-center gap-3"><div class="w-11 h-11 rounded-lg bg-emerald-500/5 border border-emerald-500/20 flex items-center justify-center shrink-0"><svg viewBox="0 0 100 100" class="w-8 h-8 text-[#7cffc7]"><path d="M 35 60 C 35 76, 65 76, 65 60 C 65 52, 35 52, 35 60 Z" fill="#ffd1a9"></path><circle cx="42" cy="60" r="5" fill="none" stroke="#7cffc7" stroke-width="1.2"></circle><circle cx="58" cy="60" r="5" fill="none" stroke="#7cffc7" stroke-width="1.2"></circle><line x1="47" y1="60" x2="53" y2="60" stroke="#7cffc7" stroke-width="1.2"></line><circle cx="42" cy="60" r="1.5" fill="#32495d"></circle><circle cx="58" cy="60" r="1.5" fill="#32495d"></circle><rect x="35" y="38" width="30" height="2" fill="#7cffc7"></rect><path d="M 40 38 L 60 38 L 56 22 L 44 22 Z" fill="#0d1f1c" stroke="#7cffc7" stroke-width="1"></path></svg></div><div class="min-w-0"><span class="text-[11px] font-mono text-white font-bold block truncate">Dimitrios C.</span><span class="text-[9px] font-mono text-emerald-400 block tracking-wider uppercase font-bold">Master Curator Node</span><span class="text-[9px] text-slate-500 block">Outlier Ventures</span></div></div><div class="p-3 bg-[#030508]/60 rounded-xl border border-slate-900 group/s hover:border-sky-500/20 transition-all text-left flex items-center gap-3"><div class="w-11 h-11 rounded-lg bg-sky-500/5 border border-sky-500/20 flex items-center justify-center shrink-0"><svg viewBox="0 0 100 100" class="w-8 h-8 text-sky-450"><path d="M 35 60 C 35 76, 65 76, 65 60 C 65 52, 35 52, 35 60 Z" fill="#ffe2c4"></path><path d="M 31 48 Q 28 35 44 28 Q 50 25 56 29 Q 68 34 65 48 Z" fill="#2c1d11"></path><rect x="35" y="54" width="11" height="6" rx="1.5" fill="none" stroke="#58a6ff" stroke-width="1.2"></rect><rect x="54" y="54" width="11" height="6" rx="1.5" fill="none" stroke="#58a6ff" stroke-width="1.2"></rect><line x1="46" y1="57" x2="54" y2="57" stroke="#58a6ff" stroke-width="1.2"></line><circle cx="40.5" cy="57" r="1.5" fill="#2c1d11"></circle><circle cx="59.5" cy="57" r="1.5" fill="#2c1d11"></circle></svg></div><div class="min-w-0"><span class="text-[11px] font-mono text-white font-bold block truncate">Jamie B.</span><span class="text-[9px] font-mono text-sky-400 block tracking-wider uppercase font-bold">Venture Architect Node</span><span class="text-[9px] text-slate-500 block">Outlier Ventures</span></div></div><div class="p-3 bg-[#030508]/60 rounded-xl border border-slate-900 group/s hover:border-purple-500/20 transition-all text-left flex items-center gap-3"><div class="w-11 h-11 rounded-lg bg-purple-500/5 border border-purple-500/20 flex items-center justify-center shrink-0"><svg viewBox="0 0 100 100" class="w-8 h-8 text-purple-400"><circle cx="50" cy="50" r="30" fill="url(#founder-glow)" opacity="0.45"></circle><path d="M 35 60 C 35 76, 65 76, 65 60 C 65 52, 35 52, 35 60 Z" fill="#ffe2c4"></path><path d="M 32 44 Q 45 15 67 44" fill="none" stroke="#a78bfa" stroke-width="2"></path><circle cx="42" cy="58" r="2" fill="#2c1d11"></circle><circle cx="58" cy="58" r="2" fill="#2c1d11"></circle><path d="M 46 68 Q 50 71 54 68" fill="none" stroke="#2c1d11" stroke-width="1.5" stroke-linecap="round"></path></svg></div><div class="min-w-0"><span class="text-[11px] font-mono text-white font-bold block truncate">Nick J. McLeod</span><span class="text-[9px] font-mono text-purple-400 block tracking-wider uppercase font-bold">Master Product Architect</span><span class="text-[9px] text-slate-500 block">NicholasJMcLeod@gmail.com</span></div></div></div></div><div class="w-full max-w-3xl mx-auto bg-[#030508]/40 border border-slate-900 rounded-xl p-4.5 space-y-3.5 select-text"><div class="flex justify-between items-center border-b border-slate-900 pb-2"><span class="text-[10px] font-mono text-[#7cffc7] font-bold uppercase tracking-wider">MΛĐ GAMBIT llc. · WYOMING INCORPORATION FILE SUMMARY</span><span class="text-[9px] font-mono text-slate-500 bg-[#060b13] px-2 py-0.5 rounded border border-slate-850">FILE DATE: Q1 2026</span></div><div class="overflow-x-auto"><table class="w-full text-left text-[11px] font-mono text-slate-300"><thead><tr class="border-b border-slate-900 text-slate-500 text-[9px] font-black uppercase tracking-widest bg-slate-900/10"><th class="pb-2 pl-2">STRUCTURAL COMPONENT</th><th class="pb-2">SPECIFICATIONS</th><th class="pb-2 text-right">SEC STATUS / SYNERGY ACCRUALS</th></tr></thead><tbody class="divide-y divide-slate-900/60"><tr class="hover:bg-slate-900/10"><td class="py-2.5 pl-2 font-bold text-white">Corporate Form</td><td class="py-2.5 text-slate-350">Manager-Managed Wyoming LLC</td><td class="py-2.5 text-right font-medium text-emerald-400">Perfect Equity Segregation assured</td></tr><tr class="hover:bg-slate-900/10"><td class="py-2.5 pl-2 font-bold text-white">Platform Fee Rate</td><td class="py-2.5 text-slate-350">1.888% Universal Flat Fee</td><td class="py-2.5 text-right font-medium text-[#7cffc7]">Continuous Buyback, Staking & Shield cycles</td></tr><tr class="hover:bg-slate-900/10"><td class="py-2.5 pl-2 font-bold text-white">Core Asset Anchor</td><td class="py-2.5 text-slate-350">Satirical card mechanisms & continuous oracles</td><td class="py-2.5 text-right font-medium text-purple-400">Splitting commitment from betting-app decay</td></tr></tbody></table></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-3 w-full text-left font-sans text-xs pt-1.5"><div class="p-4 bg-slate-950/65 rounded-xl border border-slate-900/60 relative overflow-hidden group hover:border-[#7cffc7]/15 transition-all"><span class="absolute left-0 top-0 bottom-0 w-[3px] bg-gradient-to-b from-[#7cffc7] to-indigo-650"></span><div class="flex gap-2.5 items-start"><span class="text-[11px] font-mono font-bold text-[#7cffc7] shrink-0 mt-0.5">[01]</span><p class="text-slate-350 leading-relaxed font-sans">Wyoming llc.: Compliant corporate structure custom designed for the global token project.</p></div></div><div class="p-4 bg-slate-950/65 rounded-xl border border-slate-900/60 relative overflow-hidden group hover:border-[#7cffc7]/15 transition-all"><span class="absolute left-0 top-0 bottom-0 w-[3px] bg-gradient-to-b from-[#7cffc7] to-indigo-650"></span><div class="flex gap-2.5 items-start"><span class="text-[11px] font-mono font-bold text-[#58a6ff] shrink-0 mt-0.5">[02]</span><p class="text-slate-350 leading-relaxed font-sans">MADHAT's Gambit: Our addictive consumer card game leveraging dynamic prediction mechanics.</p></div></div><div class="p-4 bg-slate-950/65 rounded-xl border border-slate-900/60 relative overflow-hidden group hover:border-[#7cffc7]/15 transition-all"><span class="absolute left-0 top-0 bottom-0 w-[3px] bg-gradient-to-b from-[#7cffc7] to-indigo-650"></span><div class="flex gap-2.5 items-start"><span class="text-[11px] font-mono font-bold text-purple-400 shrink-0 mt-0.5">[03]</span><p class="text-slate-350 leading-relaxed font-sans">Joint Partnership: Co-deploying elite Web3 conviction coordination layers with Outlier.</p></div></div></div><div class="pt-2"><button class="px-5 py-2.5 bg-gradient-to-r from-emerald-500/10 to-indigo-500/10 hover:from-emerald-500/20 hover:to-indigo-500/20 border border-emerald-500/30 hover:border-[#7cffc7]/70 text-[#7cffc7] hover:text-white font-mono text-xs rounded-xl tracking-widest uppercase font-extrabold shadow-[0_0_20px_rgba(124,255,199,0.1)] transition-all duration-300 flex items-center gap-2 cursor-pointer"><span>SIMULATION UNLOCKED: ENTER CORE PROTOCOL</span><span class="animate-ping font-black">▶</span></button></div></div></div><div class="border-t border-slate-900 pt-4 mt-6 flex flex-col sm:flex-row justify-between items-center gap-4"><div class="flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start"><button id="nav-prev-btn" disabled="" class="px-3 py-1.5 rounded-lg border border-slate-800 hover:border-slate-700 bg-slate-950/30 text-slate-400 hover:text-white transition-all disabled:opacity-20 flex items-center gap-1 text-xs font-mono"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg><span>PREV</span></button><span class="text-xs font-mono text-slate-500 select-all">SLIDE 1 OF 12</span><button id="nav-next-btn" class="px-3 py-1.5 rounded-lg border border-slate-800 hover:border-[#7cffc7]/40 bg-slate-950/30 text-slate-400 hover:text-white transition-all disabled:opacity-20 flex items-center gap-1 text-xs font-mono"><span>NEXT</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="flex gap-2.5 items-center"><button id="toggle-notes-popup-btn" class="px-2.5 py-1 rounded-lg border border-emerald-500/10 hover:border-emerald-500/40 bg-emerald-950/10 hover:bg-emerald-950/20 text-emerald-400 hover:text-[#7cffc7] transition-all flex items-center gap-1 text-[10px] font-mono font-bold cursor-pointer"><span>[💬 PRESENTATION NOTES]</span></button><span class="text-slate-800">|</span><button id="first-slide-btn" class="text-[10px] font-mono text-slate-500 hover:text-[#7cffc7] transition-colors cursor-pointer">[START DECK]</button><span class="text-slate-800">|</span><button id="contacts-trigger-btn" class="text-[10px] font-mono text-slate-500 hover:text-sky-400 transition-colors cursor-pointer">[NICK MCLEOD CONTACT]</button></div></div></div></div></main><footer class="border-t border-white/[0.04] bg-[#020509]/80 px-6 py-5 mt-auto flex flex-col md:flex-row justify-between items-center gap-4 text-xs font-mono text-slate-550 select-text print:hidden"><div><span>MΛĐ Gambit Deck Player</span><span class="text-slate-700 mx-2">|</span><span class="text-slate-500">Culture prediction coordination model alpha-0.4</span></div><div class="flex items-center gap-4 text-slate-500"><span>Client: NicholasJMcLeod@gmail.com</span><span>© 2026 MΛĐ Gambit</span></div></footer><div class="hidden print:block print-only-deck"><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #00</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">THE STOP-LOSS CO-OWNERSHIP ENGINE OF THE ATTENTION ECONOMY</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">MΛĐ Gambit llc.</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Strategic Co-Development with Outlier Ventures: Flagship consumer platform MAD Gambit llc., highlighting the 'MADHAT's Gambit' card game built on Conviction Markets.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Wyoming llc.: Compliant corporate structure custom designed for the global token project.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">MADHAT's Gambit: Our addictive consumer card game leveraging dynamic prediction mechanics.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Joint Partnership: Co-deploying elite Web3 conviction coordination layers with Outlier.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #01</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">FUND THE PROBLEM · CO-OWN THE SOLUTION</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">MΛĐĐΞX ($MΛĐx) Launch</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">AI-native conviction economy allowing creators to monetize curation and earn circular yields.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Core Synergy: Aligns with Jamie Burke's 'Zero-to-Many' coordination layer linking commitment and risk.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Dual Wedge: Combines physical/digital trading cards with perpetual indexes to prevent event fatigue.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Proof Points: 15k early waitlist signups, self-funded rapid MVP, and 3+1 patented DeFi IP angles.</p></div></div><div class="mt-4 bg-black/90 rounded-xl border border-white/[0.05] overflow-hidden"><div class="bg-[#0c101b] border-b border-slate-900 px-4 py-2 flex justify-between items-center text-[10px] font-mono text-slate-500"><span>ARCHITECTURAL DECLARATION: core_rails.ts</span></div><pre class="p-4 text-xs font-mono text-[#7cffc7] leading-relaxed"><code>const MAD_Gambit_V2 = {
|
| protocolBasis: "Conviction Markets Core Framework",
|
| incentiveRails: "Perpetual Staking Index",
|
| illustrationLayer: "Meme & Culture Cards (Pixar UGC)",
|
| milestoneLedger: "Sovereign Proof of Commitment"
|
| };</code></pre></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #02</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">02 / TWO-LAYER ARCHITECTURE</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">Production & Speculation</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Jamie Burke's thesis: Collapsing productive and speculative layers ruins coordination. Keeping them split is our ultimate moat.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Productive Rail: Web2-centric creator milestone goals and verified contributions.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Speculative Rail: Gasless high-momentum secondary trading cards and gossip markets.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Synergy: Secondary fee reserves directly capitalize real creator milestones.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #03</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">03 / THE ASSET LOOP</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">MAD Upshot: The Card Economy</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Satirical trading cards minted via Dutch decay curves and priced by community attention.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Dutch decay: Booster pricing drops continuously to hit market equilibrium.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Attention Multipliers: Cards track gossip and earn viral multiplier boosts.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Sovereign Proof: Trading locks token float, creating dynamic yield outputs.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #04</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">04 / MILESTONE-GATED PROTECTION</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">MAD Shield Protection</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Sustainable capital safety buffers protecting onchain creators and users.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Milestone Gates: Escrow releases in strict phases based on progress.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Volatility Defenses: Shield pools absorb sudden market gossip spikes.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Organic Reserving: 0.500% of our universal 1.888% platform fee automatically secures the MAD Protect escrow shields.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #05</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">05 / THE SETTLEMENT ENGINE</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">Triple-Threat Oracle Cascade</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Consensus oracle resolving complex gossip topics securely within minutes.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">1. Scan: Social scraper agents parse X and Warpcast for sentiment metrics.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">2. Vote: MADDAO delegates commit tokens to validate outcome accuracies.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">3. Guard: Creators hold localized veto rights under slashing-backed shields.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #06</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">06 / VALUE ACCRUAL MECHANICS</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">$MADx Tokenomics</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Calculated circular token model built for deep engagement and supply restriction.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Supply Combustion: 0.888% of our universal 1.888% platform fee triggers continuous, permanent token burn.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Defi Staking: 0.500% of the universal fee feeds interactive APY staking yields.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Organic Reserving: 0.500% of transaction volumes capitalize our MAD Shield protect insurance buffers.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #07</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">07 / VENTURE & IP ASSESSMENT</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">Defensible IP & Cap Table</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Manager-managed Wyoming llc. with professional cap hygiene and clean voting control.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">94% IP Rating: Covers triple-threat cascade, shield pools, and auction algorithms.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Founder Control: Nicholas McLeod retains 54.09% Class A units (65.3% voting).</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Core Contributors: 32.00% Class B units under strict 1-year vesting cliffs.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 04</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Community Alignment: 11.59% Class A units dedicated to progressive DAO custody.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #08</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">08 / RUNTIME COMPUTE EFFICIENCY</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">The Golden Stack: $0 Infrastructure</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Vicious margin discipline. Active scrapers and agent networks run at zero hosting cost.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Kaggle & Colab: Offloads GPU model fine-tuning to free remote runtimes.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Model Arbitrage: Gemini Flash + Groq handle 2,500 daily api calls for $0.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Scale Fallbacks: Overflow bursts redirect to temporary free server limits.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #09</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">09 / WHY OUTLIER VENTURES?</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">Vanguard Synergy & Co-Building</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Developing definitive open-primitive coordination layers directly with Outlier experts.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Consumer Portal: Live showroom for Outlier Conviction Markets frameworks.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Tokenomics: Tuning $MADx dynamic staking values with Outlier partners.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Regulatory Sandboxes: Jointly establishing US/EU compliance architectures.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 04</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Sovereign Co-Building: Transforming passive capital into elite joint-venture execution.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #10</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">10 / SEED PARTNERSHIP BREAKDOWN</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">The Ask: Strategic Partnership Offer</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Prominently offering a marquee co-development transaction with Outlier Ventures experts.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Strategic Ask: $2.888 Million for 30% Equity, structured cleanly as a Debt Note or Pre-IPO Token stock.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Right to Information Market in a Partnership: Seamless, real-time metrics and forecast calibration flow.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">First Pass on 3 Trademark Trademark IPs: Tri-Threat Oracle, MAD Shield, and Booster Decay curves.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div><div class="print-page-slide"><div class="flex justify-between items-center border-b border-white/[0.08] pb-4 mb-6"><div class="flex items-center gap-3"><span class="text-xs font-mono text-emerald-400 font-bold tracking-widest uppercase">MΛĐ Gambit Protocol Culture Series</span><span class="text-slate-700 font-mono">/</span><span class="text-xs text-[#58a6ff] font-mono tracking-wider">Outlier ventures Custom pitch</span></div><div class="text-sm font-mono text-slate-400">Slide #11</div></div><div class="flex-grow flex flex-col justify-center space-y-6 max-w-[15in]"><div class="space-y-3"><span class="text-xs font-mono text-[#7cffc7] font-black uppercase tracking-widest block">11 / SECURE YOUR PASS</span><h1 class="font-display font-black text-4xl text-white uppercase tracking-wide">Claim Your Co-Development Pass</h1><p class="text-lg font-sans text-slate-300 leading-normal max-w-4xl">Access the encrypted MΛĐHAT data room and secure private sandbox Alpha testnet.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4"><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 01</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Dynamic VIP Pass: Instantly claims co-building security credentials.</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 02</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Direct Line: Connect directly with Nicholas McLeod (NicholasJMcLeod@gmail.com).</p></div><div class="p-6 rounded-2xl bg-white/[0.02] border border-white/[0.05] space-y-2 relative overflow-hidden"><span class="absolute left-0 top-0 bottom-0 w-1 bg-[#7cffc7]"></span><span class="text-xs font-mono text-slate-500 block">POINT 03</span><p class="text-sm font-sans text-slate-300 leading-relaxed">Convotion: Turn prediction interest into shared, scalable outcomes.</p></div></div></div><div class="flex justify-between items-center border-t border-white/[0.06] pt-4 mt-8 text-xs font-mono text-slate-550"><div><span>© 2026 MΛĐ Gambit Protocol llc.</span><span class="mx-2">|</span><span>Wyoming Registered, SEC Compliant LLC Architecture</span></div><div class="text-right"><span>Joint Venture Co-Building Pitch Node: Dimitrios C. & Jamie B.</span></div></div></div></div></div></div>
|
|
|
|
|
|
|
|
|
| </body></html> |
