@media(max-width:768px){
  body{overflow-x:hidden;overflow-wrap:break-word}
  img,video,iframe{max-width:100%!important}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  section [style*="justify-content:space-between"]{flex-direction:column!important;align-items:center!important;gap:0.5rem!important}
  footer [style*="display:flex"]{flex-wrap:wrap!important}
}
@media(max-width:480px){
  .email-capture>div{flex-wrap:wrap!important}
  .email-capture>div>*{flex:1 1 100%!important}
}
/* Contract registration/checkout forms (stamp-expanded webinar/payment/booking/
   live-event/zoom). The stamps emit BARE data-stapilo-* markup with no styling;
   these rules give them a sensible default look built ENTIRELY from the tenant's
   design tokens (var(--color-*)/var(--font-*)), so every tenant's form matches
   their own brand. Low specificity → a per-page <style> override still wins.
   NEVER set `display` on [data-stapilo-phone] / [data-stapilo-error] — the embed
   JS toggles those (showPhone / unhide-on-error). The data-stapilo-* markers are
   unique to these forms, so targeting them directly can't hit a tenant's own form;
   only the generic input/select/textarea rule is scoped to the 5 form selectors. */
form[data-stapilo-webinar-form],form[data-stapilo-payment-form],form[data-stapilo-booking-form],form[data-stapilo-live-event-form],form[data-stapilo-zoom-form]{display:flex;flex-direction:column;gap:0.75rem;max-width:34rem;font-family:var(--font-body)}
form[data-stapilo-webinar-form] input,form[data-stapilo-webinar-form] select,form[data-stapilo-webinar-form] textarea,form[data-stapilo-payment-form] input,form[data-stapilo-payment-form] select,form[data-stapilo-payment-form] textarea,form[data-stapilo-booking-form] input,form[data-stapilo-booking-form] select,form[data-stapilo-booking-form] textarea,form[data-stapilo-live-event-form] input,form[data-stapilo-live-event-form] select,form[data-stapilo-live-event-form] textarea,form[data-stapilo-zoom-form] input,form[data-stapilo-zoom-form] select,form[data-stapilo-zoom-form] textarea{width:100%;box-sizing:border-box;padding:0.7rem 0.85rem;border:1px solid var(--color-muted);border-radius:0.4rem;background:var(--color-bg);color:var(--color-fg);font:inherit}
form[data-stapilo-webinar-form] input:focus,form[data-stapilo-payment-form] input:focus,form[data-stapilo-booking-form] input:focus,form[data-stapilo-live-event-form] input:focus,form[data-stapilo-zoom-form] input:focus,form[data-stapilo-webinar-form] select:focus,form[data-stapilo-payment-form] select:focus,form[data-stapilo-booking-form] select:focus,form[data-stapilo-live-event-form] select:focus,form[data-stapilo-zoom-form] select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}
[data-stapilo-cta]{padding:0.8rem 1.1rem;border:none;border-radius:0.4rem;background:var(--color-primary);color:var(--color-bg);font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer}
[data-stapilo-cta]:hover{background:var(--color-accent)}
[data-stapilo-sessions]{display:flex;flex-direction:column;gap:0.4rem}
[data-stapilo-sessions] label{display:flex;align-items:center;gap:0.5rem;color:var(--color-fg)}
[data-stapilo-sessions] input[type=radio]{width:auto;accent-color:var(--color-primary)}
[data-stapilo-custom-fields]{display:flex;flex-direction:column;gap:0.6rem}
[data-stapilo-error]{color:var(--color-primary);font-size:0.9rem}
[data-stapilo-form]{display:block;width:100%;max-width:34rem;margin-inline:auto}
[data-stapilo-form] iframe{width:100%;border:0;display:block}

/* === shared component layer (variable-driven) ============================
 * Every property reads a design token via var(--…). Re-theming the tokens
 * (tenant default, template, or per-page) restyles all of these at once.
 * ========================================================================= */

/* ── Layout ───────────────────────────────────────────────────────────── */
.container { width: 100%; max-width: var(--width-container); margin-inline: auto; padding-inline: 1rem; }
.prose { width: 100%; max-width: var(--width-prose); margin-inline: auto; }
.section { padding-block: var(--space-section); }
.section-sm { --space-section: 2rem; }
.section-lg { --space-section: 6rem; }
.grid { display: grid; gap: var(--space-card); }
.grid-2 { display: grid; gap: var(--space-card); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { display: grid; gap: var(--space-card); grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ── Typography ───────────────────────────────────────────────────────── */
.heading { font-family: var(--font-heading); font-weight: var(--font-weight-heading); line-height: 1.2; color: var(--color-fg); }
.h1 { font-family: var(--font-heading); font-weight: var(--font-weight-heading); font-size: var(--font-size-h1); line-height: 1.15; color: var(--color-fg); }
.h2 { font-family: var(--font-heading); font-weight: var(--font-weight-heading); font-size: calc(var(--font-size-h1) * 0.72); line-height: 1.2; color: var(--color-fg); }
.h3 { font-family: var(--font-heading); font-weight: var(--font-weight-heading); font-size: calc(var(--font-size-h1) * 0.52); line-height: 1.25; color: var(--color-fg); }
.body-text { font-family: var(--font-body); font-size: var(--font-size-base); line-height: var(--leading-body); color: var(--color-fg); }
.muted-text { color: var(--color-muted-foreground); }

/* ── Buttons ──────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  padding: var(--space-button-y) var(--space-button-x);
  border-radius: var(--radius-button);
  background: var(--color-primary); color: var(--color-primary-foreground);
  font-family: var(--font-heading); font-weight: var(--font-weight-heading);
  border: var(--border-width) solid transparent;
  box-shadow: var(--shadow-button);
  transition: var(--transition-fast);
  text-decoration: none; cursor: pointer; line-height: 1;
}
.btn:hover { background: var(--color-accent); }
.btn-sm { --space-button-y: 0.4rem; --space-button-x: 0.9rem; font-size: 0.875rem; }
.btn-lg { --space-button-y: 1rem; --space-button-x: 2rem; font-size: 1.125rem; }
.btn-block { display: flex; width: 100%; }
.btn-secondary { background: var(--color-muted); color: var(--color-muted-foreground); }
.btn-outline { background: transparent; color: var(--color-primary); border-color: var(--color-primary); box-shadow: none; }

/* ── Cards ────────────────────────────────────────────────────────────── */
.card {
  background: var(--color-bg);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-card);
  padding: var(--space-card);
  box-shadow: var(--shadow-card);
}
.card-sm { --space-card: 1rem; }
.card-lg { --space-card: 2.5rem; }
.card-muted { background: var(--color-muted); }

/* ── Forms ────────────────────────────────────────────────────────────── */
.field { display: grid; gap: 0.35rem; }
.label { font-family: var(--font-body); font-size: 0.9rem; color: var(--color-fg); }
.input {
  width: 100%;
  background: var(--color-input);
  border: var(--border-width) solid var(--color-input-border);
  border-radius: var(--radius-input);
  color: var(--color-fg);
  font: inherit;
  padding: 0.6rem 0.85rem;
}
.input:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 1px; }

/* ── Surfaces ─────────────────────────────────────────────────────────── */
.hero { padding-block: var(--space-section); background: var(--gradient-hero); }
.surface-primary { background: var(--gradient-primary); color: var(--color-primary-foreground); }


*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,hr,p{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}img,svg,video,iframe{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--background: 0 0% 100%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--popover: 0 0% 100%;--popover-foreground: 0 0% 0%;--primary: 0 0% 0%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 96%;--secondary-foreground: 0 0% 0%;--muted: 0 0% 96%;--muted-foreground: 0 0% 40%;--accent: 48 100% 50%;--accent-foreground: 0 0% 0%;--destructive: 0 84% 50%;--destructive-foreground: 0 0% 100%;--border: 0 0% 0%;--input: 0 0% 0%;--ring: 48 100% 50%;--radius: 0;--brutalist-yellow: 48 100% 50%;--brutalist-black: 0 0% 0%;--brutalist-white: 0 0% 100%;--brutalist-gray: 0 0% 96%;--shadow-brutalist: 8px 8px 0px 0px hsl(0 0% 0%);--shadow-brutalist-hover: 4px 4px 0px 0px hsl(0 0% 0%);--shadow-brutalist-sm: 4px 4px 0px 0px hsl(0 0% 0%);--gradient-primary: none;--gradient-hero: none;--gradient-card: none;--shadow-soft: var(--shadow-brutalist);--shadow-hover: var(--shadow-brutalist-hover);--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-weight:700;color:hsl(var(--foreground))}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-left-1\/4{left:-25%}.-right-1\/4{right:-25%}.bottom-8{bottom:2rem}.right-8{right:2rem}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-full{width:100%}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.border-2{border-width:2px}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900\/20{--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900\/20{--tw-gradient-from: rgb(88 28 135 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.text-left{text-align:left}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-skew-x-12{--tw-skew-x: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-12{--tw-skew-x: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.no-underline{text-decoration-line:none}.hover\:text-\[\#d4a574\]:hover{--tw-text-opacity: 1;color:rgb(212 165 116 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:gap-12{gap:3rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:justify-end{justify-content:flex-end}}@media (min-width: 1280px){.xl\:text-6xl{font-size:3.75rem;line-height:1}}


    html { scroll-behavior: smooth; }
    h1, h2, h3 { line-height: 1.3 !important; }
    body { margin: 0; }
  

*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,hr,p{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}img,svg,video,iframe{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--background: 0 0% 100%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--popover: 0 0% 100%;--popover-foreground: 0 0% 0%;--primary: 0 0% 0%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 96%;--secondary-foreground: 0 0% 0%;--muted: 0 0% 96%;--muted-foreground: 0 0% 40%;--accent: 48 100% 50%;--accent-foreground: 0 0% 0%;--destructive: 0 84% 50%;--destructive-foreground: 0 0% 100%;--border: 0 0% 0%;--input: 0 0% 0%;--ring: 48 100% 50%;--radius: 0;--brutalist-yellow: 48 100% 50%;--brutalist-black: 0 0% 0%;--brutalist-white: 0 0% 100%;--brutalist-gray: 0 0% 96%;--shadow-brutalist: 8px 8px 0px 0px hsl(0 0% 0%);--shadow-brutalist-hover: 4px 4px 0px 0px hsl(0 0% 0%);--shadow-brutalist-sm: 4px 4px 0px 0px hsl(0 0% 0%);--gradient-primary: none;--gradient-hero: none;--gradient-card: none;--shadow-soft: var(--shadow-brutalist);--shadow-hover: var(--shadow-brutalist-hover);--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1);--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-weight:700;color:hsl(var(--foreground))}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-left-1\/4{left:-25%}.-right-1\/4{right:-25%}.bottom-8{bottom:2rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-0{top:0}.top-6{top:1.5rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.\!mt-0{margin-top:0!important}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.min-h-\[90vh\]{min-height:90vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-\[-1deg\]{--tw-rotate: -1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-2deg\]{--tw-rotate: -2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-skew-x-12{--tw-skew-x: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-12{--tw-skew-x: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.scroll-mt-20{scroll-margin-top:5rem}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-l-4{border-left-width:4px}.border-l-8{border-left-width:8px}.border-t-4{border-top-width:4px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.bg-\[\#1a2332\]{--tw-bg-opacity: 1;background-color:rgb(26 35 50 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900\/20{--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-900{--tw-gradient-from: #312e81 var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-100{--tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900\/20{--tw-gradient-from: rgb(88 28 135 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-pink-100{--tw-gradient-to: #fce7f3 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#1a2332\]{--tw-text-opacity: 1;color:rgb(26 35 50 / var(--tw-text-opacity, 1))}.text-\[\#d4a574\]{--tw-text-opacity: 1;color:rgb(212 165 116 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes float-diagonal-1{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(50vw,40vh) rotate(90deg) scale(1.2)}50%{transform:translate(120vw,80vh) rotate(180deg) scale(1)}75%{transform:translate(60vw,60vh) rotate(270deg) scale(.9)}to{transform:translate(0) rotate(360deg) scale(1)}}@keyframes float-diagonal-2{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(60vw,-50vh) rotate(-120deg) scale(1.1)}60%{transform:translate(100vw,-90vh) rotate(-240deg) scale(1.3)}to{transform:translate(0) rotate(-360deg) scale(1)}}@keyframes float-diagonal-3{0%{transform:translate(0) rotate(0) scale(1)}35%{transform:translate(-40vw,30vh) rotate(100deg) scale(.8)}70%{transform:translate(-70vw,70vh) rotate(200deg) scale(1.2)}to{transform:translate(0) rotate(360deg) scale(1)}}@keyframes float-diagonal-4{0%{transform:translate(0) rotate(0) scale(1)}40%{transform:translate(-50vw,-40vh) rotate(-150deg) scale(1.1)}80%{transform:translate(-80vw,-70vh) rotate(-300deg) scale(.9)}to{transform:translate(0) rotate(-360deg) scale(1)}}@keyframes float-vertical{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-30vh) scale(1.2) rotate(45deg)}50%{transform:translateY(-60vh) scale(1.3) rotate(90deg)}75%{transform:translateY(-30vh) scale(1.1) rotate(135deg)}}@keyframes float-vertical-reverse{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(30vh) scale(.9) rotate(-45deg)}50%{transform:translateY(60vh) scale(.8) rotate(-90deg)}75%{transform:translateY(30vh) scale(.85) rotate(-135deg)}}@keyframes float-circular{0%{transform:translate(0) rotate(0)}25%{transform:translate(30vw,-20vh) rotate(90deg)}50%{transform:translateY(-40vh) rotate(180deg)}75%{transform:translate(-30vw,-20vh) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float-circular-reverse{0%{transform:translate(0) rotate(0)}25%{transform:translate(-25vw,15vh) rotate(-90deg)}50%{transform:translateY(30vh) rotate(-180deg)}75%{transform:translate(25vw,15vh) rotate(-270deg)}to{transform:translate(0) rotate(-360deg)}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-yellow-400:hover{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#d4a574\]:hover{--tw-bg-opacity: 1;background-color:rgb(212 165 116 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-400:hover{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#d4a574\]:hover{--tw-text-opacity: 1;color:rgb(212 165 116 / var(--tw-text-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent) / .5)}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:mb-10{margin-bottom:2.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mt-10{margin-top:2.5rem}.md\:mt-12{margin-top:3rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-8{margin-top:2rem}.md\:h-24{height:6rem}.md\:w-24{width:6rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-12{gap:3rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.md\:border-4{border-width:4px}.md\:border-8{border-width:8px}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-4{padding-left:1rem}.md\:pl-6{padding-left:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:justify-end{justify-content:flex-end}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}}@media (min-width: 1280px){.xl\:text-6xl{font-size:3.75rem;line-height:1}}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}



    html { scroll-behavior: smooth; }
    h1, h2, h3 { line-height: 1.3 !important; }
    body { margin: 0; }
    .btn-cyan {
      display: inline-flex; align-items: center; justify-content: center;
      font-weight: 900; border: 4px solid black; background: #22d3ee !important; color: black;
      padding: 1rem 2rem; font-size: 1.125rem; cursor: pointer; border-radius: 0;
      box-shadow: 4px 4px 0px 0px rgba(0,0,0,1) !important; transition: all 0.2s; text-decoration: none;
    }
    .btn-cyan:hover { box-shadow: 12px 12px 0px 0px rgba(0,0,0,1) !important; transform: translateY(-4px) !important; background: #06b6d4 !important; }
    .btn-yellow-form {
      display: flex; align-items: center; justify-content: center; width: 100%;
      font-weight: 900; text-transform: uppercase; border: 4px solid black;
      background: #facc15 !important; color: black; padding: 1rem 2rem; font-size: 1.125rem;
      cursor: pointer; border-radius: 0; box-shadow: 4px 4px 0px 0px rgba(0,0,0,1) !important;
      transition: all 0.2s;
    }
    .btn-yellow-form:hover { box-shadow: 12px 12px 0px 0px rgba(0,0,0,1) !important; transform: translateY(-4px) !important; background: #eab308 !important; }
    .feature-card {
      border: 4px solid black; background: white; padding: 2rem;
      box-shadow: 8px 8px 0px 0px rgba(0,0,0,1); transition: all 0.2s;
    }
    .feature-card:hover { box-shadow: 12px 12px 0px 0px rgba(0,0,0,1); transform: translateY(-4px); }
    .form-input-brutalist {
      width: 100%; padding: 0.75rem 1rem; border: 4px solid black; border-radius: 0;
      font-weight: 700; font-size: 0.875rem; background: white;
    }
    .form-input-brutalist:focus { outline: none; border-color: #a855f7; }
    .form-label-brutalist { font-weight: 700; font-size: 0.875rem; display: block; margin-bottom: 0.5rem; }
    @keyframes float-diagonal-1 { 0% { transform: translate(0,0) rotate(0deg) scale(1); } 25% { transform: translate(50vw,40vh) rotate(90deg) scale(1.2); } 50% { transform: translate(120vw,80vh) rotate(180deg) scale(1); } 75% { transform: translate(60vw,60vh) rotate(270deg) scale(0.9); } 100% { transform: translate(0,0) rotate(360deg) scale(1); } }
    @keyframes float-diagonal-2 { 0% { transform: translate(0,0) rotate(0deg) scale(1); } 30% { transform: translate(60vw,-50vh) rotate(-120deg) scale(1.1); } 60% { transform: translate(100vw,-90vh) rotate(-240deg) scale(1.3); } 100% { transform: translate(0,0) rotate(-360deg) scale(1); } }
    @keyframes float-diagonal-3 { 0% { transform: translate(0,0) rotate(0deg) scale(1); } 35% { transform: translate(-40vw,30vh) rotate(100deg) scale(0.8); } 70% { transform: translate(-70vw,70vh) rotate(200deg) scale(1.2); } 100% { transform: translate(0,0) rotate(360deg) scale(1); } }
    @keyframes float-diagonal-4 { 0% { transform: translate(0,0) rotate(0deg) scale(1); } 40% { transform: translate(-50vw,-40vh) rotate(-150deg) scale(1.1); } 80% { transform: translate(-80vw,-70vh) rotate(-300deg) scale(0.9); } 100% { transform: translate(0,0) rotate(-360deg) scale(1); } }
    @keyframes float-vertical { 0%,100% { transform: translateY(0) scale(1) rotate(0deg); } 25% { transform: translateY(-30vh) scale(1.2) rotate(45deg); } 50% { transform: translateY(-60vh) scale(1.3) rotate(90deg); } 75% { transform: translateY(-30vh) scale(1.1) rotate(135deg); } }
    @keyframes float-vertical-reverse { 0%,100% { transform: translateY(0) scale(1) rotate(0deg); } 25% { transform: translateY(30vh) scale(0.9) rotate(-45deg); } 50% { transform: translateY(60vh) scale(0.8) rotate(-90deg); } 75% { transform: translateY(30vh) scale(0.85) rotate(-135deg); } }
    @keyframes float-circular { 0% { transform: translate(0,0) rotate(0deg); } 25% { transform: translate(30vw,-20vh) rotate(90deg); } 50% { transform: translate(0,-40vh) rotate(180deg); } 75% { transform: translate(-30vw,-20vh) rotate(270deg); } 100% { transform: translate(0,0) rotate(360deg); } }
    @keyframes float-circular-reverse { 0% { transform: translate(0,0) rotate(0deg); } 25% { transform: translate(-25vw,15vh) rotate(-90deg); } 50% { transform: translate(0,30vh) rotate(-180deg); } 75% { transform: translate(25vw,15vh) rotate(-270deg); } 100% { transform: translate(0,0) rotate(-360deg); } }
  


    @keyframes float-diagonal-1{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-30px)}}
    @keyframes float-diagonal-2{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,20px)}}
    @keyframes float-diagonal-3{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,25px)}}
    @keyframes float-diagonal-4{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-15px)}}
    @keyframes float-vertical{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
  


    html { scroll-behavior: smooth; }
    h1, h2, h3 { line-height: 1.3 !important; }
    body { margin: 0; }
    .btn-cyan { display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:4px solid black;background:#22d3ee !important;color:black;padding:1rem 2rem;font-size:1.125rem;cursor:pointer;border-radius:0;box-shadow:4px 4px 0px 0px rgba(0,0,0,1) !important;transition:all 0.2s;text-decoration:none; }
    .btn-cyan:hover { box-shadow:12px 12px 0px 0px rgba(0,0,0,1) !important;transform:translateY(-4px) !important;background:#06b6d4 !important; }
    .form-input-brutalist { width:100%;padding:0.75rem 1rem;border:4px solid black;border-radius:0;font-weight:700;font-size:1rem;background:white;box-shadow:4px 4px 0px 0px rgba(0,0,0,1); }
    .form-input-brutalist:focus { outline:none;box-shadow:6px 6px 0px 0px rgba(0,0,0,1); }
    @keyframes float-diagonal-1{0%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(50vw,40vh) rotate(90deg) scale(1.2)}50%{transform:translate(120vw,80vh) rotate(180deg) scale(1)}75%{transform:translate(60vw,60vh) rotate(270deg) scale(.9)}100%{transform:translate(0,0) rotate(360deg) scale(1)}}
    @keyframes float-diagonal-2{0%{transform:translate(0,0) rotate(0deg) scale(1)}30%{transform:translate(60vw,-50vh) rotate(-120deg) scale(1.1)}60%{transform:translate(100vw,-90vh) rotate(-240deg) scale(1.3)}100%{transform:translate(0,0) rotate(-360deg) scale(1)}}
    @keyframes float-diagonal-3{0%{transform:translate(0,0) rotate(0deg) scale(1)}35%{transform:translate(-40vw,30vh) rotate(100deg) scale(.8)}70%{transform:translate(-70vw,70vh) rotate(200deg) scale(1.2)}100%{transform:translate(0,0) rotate(360deg) scale(1)}}
    @keyframes float-diagonal-4{0%{transform:translate(0,0) rotate(0deg) scale(1)}40%{transform:translate(-50vw,-40vh) rotate(-150deg) scale(1.1)}80%{transform:translate(-80vw,-70vh) rotate(-300deg) scale(.9)}100%{transform:translate(0,0) rotate(-360deg) scale(1)}}
    @keyframes float-vertical{0%,100%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-60vh) scale(1.3) rotate(90deg)}}
    @keyframes float-vertical-reverse{0%,100%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(60vh) scale(.8) rotate(-90deg)}}
    @keyframes float-circular{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,-40vh) rotate(180deg)}100%{transform:translate(0,0) rotate(360deg)}}
    @keyframes float-circular-reverse{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,30vh) rotate(-180deg)}100%{transform:translate(0,0) rotate(-360deg)}}
  


    html { scroll-behavior: smooth; }
    h1, h2, h3 { line-height: 1.3 !important; }
    body { margin: 0; }
    .btn-back { display:inline-flex;align-items:center;gap:0.5rem;border:4px solid black;background:white;padding:0.75rem 1.5rem;font-weight:900;text-transform:uppercase;box-shadow:8px 8px 0px 0px rgba(0,0,0,1);transition:all 0.2s;text-decoration:none;color:black;cursor:pointer; }
    .btn-back:hover { background:#facc15;box-shadow:4px 4px 0px 0px rgba(0,0,0,1);transform:translate(4px,4px); }
  


    html { scroll-behavior: smooth; }
    h1, h2, h3 { line-height: 1.3 !important; }
    .brutalist-shadow { box-shadow: 8px 8px 0px 0px rgba(0,0,0,1); }
    .btn-primary {
      display: inline-flex; align-items: center; justify-content: center;
      font-weight: 900; text-transform: uppercase; border: 4px solid black;
      background: black; color: white; padding: 1.25rem 3rem;
      font-size: 1.25rem; text-decoration: none; cursor: pointer; border-radius: 0;
      box-shadow: 8px 8px 0px 0px rgb(250,204,21);
      transition: all 0.2s;
    }
    .btn-primary:hover {
      background: #facc15; color: black;
      box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
      transform: translate(4px, 4px);
    }
    .btn-primary:active { box-shadow: none; transform: translate(8px, 8px); }
    .btn-outline {
      display: inline-flex; align-items: center; justify-content: center;
      font-weight: 900; text-transform: uppercase; border: 4px solid black;
      background: white; color: black; padding: 1.25rem 3rem;
      font-size: 1.25rem; text-decoration: none; cursor: pointer; border-radius: 0;
      box-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
      transition: all 0.2s;
    }
    .btn-outline:hover {
      background: black; color: white;
      box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
      transform: translate(4px, 4px);
    }
    .btn-yellow {
      display: inline-flex; align-items: center; justify-content: center;
      font-weight: 900; text-transform: uppercase; border: 4px solid black;
      background: #facc15; color: black; padding: 1.25rem 3rem;
      font-size: 1.25rem; text-decoration: none; cursor: pointer; border-radius: 0;
      box-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
      transition: all 0.2s;
    }
    .btn-yellow:hover {
      background: black; color: white;
      box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
      transform: translate(4px, 4px);
    }
    .btn-submit {
      display: flex; align-items: center; justify-content: center; width: 100%;
      font-weight: 900; text-transform: uppercase; border: 4px solid black;
      background: #facc15; color: black; padding: 1.5rem 3rem;
      font-size: 1.25rem; cursor: pointer; border-radius: 0;
      box-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
      transition: all 0.2s;
    }
    .btn-submit:hover {
      background: white;
      box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
      transform: translate(4px, 4px);
    }
    .form-input {
      width: 100%; padding: 0.625rem 0.75rem;
      background: white; color: black;
      border: 4px solid white; border-radius: 0;
      font-weight: 700; font-size: 0.875rem;
    }
    .form-input:focus { outline: none; border-color: #facc15; }
    .form-label { font-weight: 700; font-size: 0.875rem; color: white; display: block; margin-bottom: 0.5rem; }
    .form-error { font-size: 0.875rem; color: #facc15; margin-top: 0.25rem; }
  

/* === brutalism override layer ============================================
 * Class-based rules cover Tailwind utilities. Attribute selectors
 * (style*="...") cover INLINE styles, which class-based !important
 * can't reach. Together they force-flatten anything decorative even
 * when the page author hard-coded radius/shadow/gradient in style="".
 * Color classes (.bg-*-N / .text-*-N) are deliberately untouched so
 * the palette survives.
 * ========================================================================= */

/* ── Body / html reset (minimal) ──────────────────────────────────────── */
/* Only neutralise margin/padding so the scanline-overlay residue can't
 * paint visible bands on a body that had inherited tenant-level margin.
 * min-height, display, and background-image are LEFT ALONE so per-page
 * body rules (e.g. `body { min-height:100vh; background:#1a1a2e }` on
 * webinar-ai*) keep working — the hash-based extraction means these
 * per-page rules now stay inline in their own page rather than spilling
 * into the shared tenant stylesheet, so no cross-page conflict to fight. */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Hard corners ─────────────────────────────────────────────────────── */
.rounded,
.rounded-sm, .rounded-md, .rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl,
.rounded-full,
.rounded-t-sm, .rounded-t-md, .rounded-t-lg, .rounded-t-xl, .rounded-t-2xl, .rounded-t-3xl,
.rounded-b-sm, .rounded-b-md, .rounded-b-lg, .rounded-b-xl, .rounded-b-2xl, .rounded-b-3xl,
.rounded-l-sm, .rounded-l-md, .rounded-l-lg, .rounded-l-xl, .rounded-l-2xl, .rounded-l-3xl,
.rounded-r-sm, .rounded-r-md, .rounded-r-lg, .rounded-r-xl, .rounded-r-2xl, .rounded-r-3xl,
[style*="border-radius"] {
  border-radius: 0 !important;
}

/* ── Hard offset shadows ──────────────────────────────────────────────── */
.shadow-sm { box-shadow: 2px 2px 0 #000 !important; }
.shadow,
.shadow-md { box-shadow: 4px 4px 0 #000 !important; }
.shadow-lg { box-shadow: 6px 6px 0 #000 !important; }
.shadow-xl { box-shadow: 8px 8px 0 #000 !important; }
.shadow-2xl { box-shadow: 12px 12px 0 #000 !important; }
.shadow-inner { box-shadow: inset 4px 4px 0 #000 !important; }
.shadow-none { box-shadow: none !important; }
/* Anything with an inline box-shadow gets the brutal hard drop. */
[style*="box-shadow"] {
  box-shadow: 4px 4px 0 #000 !important;
}

/* ── Gradients ─ KEPT (the user wants the original palette intact) ────── */
/* Earlier this layer killed both Tailwind utility-class gradients
 * (bg-gradient-to-_) and inline gradients (style attr linear-gradient).
 * Both turned out to be the page section colors — a "what we'll cover"
 * section uses bg-gradient-to-br from-blue-50 to-indigo-50 to paint a
 * soft light backdrop. Killing it dropped the page to the body dark
 * navy, which read as visually broken. Pages keep their gradients;
 * brutalism shapes the edges (radius, shadow, animation), not the
 * palette. */

/* Pure decorative *pattern* classes (Lovable adds these for scanlines
 * / grid overlays — they're noise, not palette). */
.grid-bg,
.bg-pattern,
.hero-pattern {
  background-image: none !important;
}

/* ── Transitions off ──────────────────────────────────────────────────── */
.transition, .transition-all, .transition-colors, .transition-opacity,
.transition-shadow, .transition-transform,
[style*="transition"] {
  transition: none !important;
}

/* ── Blurs off ────────────────────────────────────────────────────────── */
.blur, .blur-sm, .blur-md, .blur-lg, .blur-xl, .blur-2xl, .blur-3xl,
.backdrop-blur, .backdrop-blur-sm, .backdrop-blur-md, .backdrop-blur-lg,
.backdrop-blur-xl, .backdrop-blur-2xl,
[style*="blur("],
[style*="backdrop-filter"] {
  filter: none !important;
  backdrop-filter: none !important;
}

/* ── Animations off ───────────────────────────────────────────────────── */
.animate-pulse, .animate-bounce, .animate-spin, .animate-ping,
[style*="animation"] {
  animation: none !important;
}

/* Transforms used purely for decoration (rotate, translate floats). Skip
 * scale because shadow-only "press-down" buttons depend on it being sane.
 * Targeting inline transform with rotate/translate is overkill; class-based
 * is sufficient. */
.animate-pulse, .animate-bounce { transform: none !important; }

/* ── Opacity decoration off ───────────────────────────────────────────── */
.opacity-20, .opacity-25, .opacity-30, .opacity-35, .opacity-40,
.opacity-45, .opacity-50, .opacity-55, .opacity-60, .opacity-65 {
  opacity: 1 !important;
}

/* ── Page-wide overlays ──────────────────────────────────────────────── */
/* Scanlines, grid patterns, and other fixed overlays Lovable templates
 * stuff into body::after / html::after with repeating-linear-gradient.
 * They sit on top of everything via z-index, so killing them lifts the
 * entire visual veil. */
body::before, body::after,
html::before, html::after {
  content: none !important;
  background: none !important;
  display: none !important;
}

/* ── Decorative hero emojis ──────────────────────────────────────────── */
/* .hero::before { content:'📊' } -style faux watermarks belong to the
 * Lovable aesthetic, not brutalism. The hero text itself is fine. */
.hero::before, .hero::after,
.hero-content::before, .hero-content::after,
.section::before, .section::after {
  content: none !important;
  display: none !important;
}