@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-space-y-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-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-duration:initial;
    }
  }
}

@layer theme {
  :root,:host {
    --font-sans:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
    --font-serif:Georgia, "Times New Roman", serif;
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-white:#fff;
    --spacing:.25rem;
    --container-xs:20rem;
    --container-md:28rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-6xl:72rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1 / .75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25 / .875);
    --text-base:1rem;
    --text-base--line-height: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;
    --font-weight-normal:400;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --tracking-wide:.025em;
    --tracking-wider:.05em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-relaxed:1.625;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
    --default-mono-font-family:var(--font-mono);
  }
}

@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family);
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent;
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit;
  }
  a {
    color:inherit;
    text-decoration:inherit;
  }
  b,strong {
    font-weight:bolder;
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em;
  }
  small {
    font-size:80%;
  }
  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative;
  }
  sub {
    bottom:-.25em;
  }
  sup {
    top:-.5em;
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline:auto;
  }
  progress {
    vertical-align:baseline;
  }
  summary {
    display:list-item;
  }
  ol,ul,menu {
    list-style:none;
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block;
  }
  img,video {
    max-width:100%;
    height:auto;
  }
  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder;
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px;
  }
  ::file-selector-button {
    margin-inline-end:4px;
  }
  ::placeholder {
    opacity:1;
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor;
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color:color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize:vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none;
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit;
  }
  ::-webkit-datetime-edit {
    display:inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0;
  }
  ::-webkit-datetime-edit {
    padding-block:0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1;
  }
  :-moz-ui-invalid {
    box-shadow:none;
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button;
  }
  ::file-selector-button {
    appearance:button;
  }
  ::-webkit-inner-spin-button {
    height:auto;
  }
  ::-webkit-outer-spin-button {
    height:auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important;
  }
}

@layer utilities {
  .visible { visibility:visible; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .relative { position:relative; }
  .static { position:static; }
  .mx-auto { margin-inline:auto; }
  .mt-1 { margin-top:var(--spacing); }
  .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-12 { margin-top:calc(var(--spacing)*12); }
  .mt-auto { margin-top:auto; }
  .mr-2 { margin-right:calc(var(--spacing)*2); }
  .mb-1 { margin-bottom:var(--spacing); }
  .mb-2 { margin-bottom:calc(var(--spacing)*2); }
  .mb-3 { margin-bottom:calc(var(--spacing)*3); }
  .mb-6 { margin-bottom:calc(var(--spacing)*6); }
  .block { display:block; }
  .contents { display:contents; }
  .flex { display:flex; }
  .grid { display:grid; }
  .hidden { display:none; }
  .inline { display:inline; }
  .inline-block { display:inline-block; }
  .inline-flex { display:inline-flex; }
  .table { display:table; }
  .h-1\.5 { height:calc(var(--spacing)*1.5); }
  .h-4 { height:calc(var(--spacing)*4); }
  .h-5 { height:calc(var(--spacing)*5); }
  .h-6 { height:calc(var(--spacing)*6); }
  .h-12 { height:calc(var(--spacing)*12); }
  .h-full { height:100%; }
  .max-h-60 { max-height:calc(var(--spacing)*60); }
  .max-h-96 { max-height:calc(var(--spacing)*96); }
  .min-h-\[6rem\] { min-height:6rem; }
  .min-h-\[7\.5rem\] { min-height:7.5rem; }
  .min-h-\[7rem\] { min-height:7rem; }
  .min-h-full { min-height:100%; }
  .w-1\/3 { width:33.3333%; }
  .w-5 { width:calc(var(--spacing)*5); }
  .w-6 { width:calc(var(--spacing)*6); }
  .w-12 { width:calc(var(--spacing)*12); }
  .w-20 { width:calc(var(--spacing)*20); }
  .w-full { width:100%; }
  .max-w-2xl { max-width:var(--container-2xl); }
  .max-w-6xl { max-width:var(--container-6xl); }
  .max-w-md { max-width:var(--container-md); }
  .max-w-xl { max-width:var(--container-xl); }
  .max-w-xs { max-width:var(--container-xs); }
  .min-w-0 { min-width:0; }
  .min-w-\[640px\] { min-width:640px; }
  .min-w-\[720px\] { min-width:720px; }
  .min-w-\[760px\] { min-width:760px; }
  .min-w-\[860px\] { min-width:860px; }
  .flex-1 { flex:1; }
  .flex-none { flex:none; }
  .shrink-0 { flex-shrink:0; }
  .cursor-pointer { cursor:pointer; }
  .scroll-mt-6 { scroll-margin-top:calc(var(--spacing)*6); }
  .list-decimal { list-style-type:decimal; }
  .list-disc { list-style-type:disc; }
  .list-none { list-style-type:none; }
  .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flex-col { flex-direction:column; }
  .flex-wrap { flex-wrap:wrap; }
  .items-center { align-items:center; }
  .items-end { align-items:flex-end; }
  .justify-between { justify-content:space-between; }
  .justify-center { justify-content:center; }
  .gap-1\.5 { gap:calc(var(--spacing)*1.5); }
  .gap-2 { gap:calc(var(--spacing)*2); }
  .gap-3 { gap:calc(var(--spacing)*3); }
  .gap-4 { gap:calc(var(--spacing)*4); }
  .gap-6 { gap:calc(var(--spacing)*6); }
  .space-y-0\.5 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*.5)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-1 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(var(--spacing)*var(--tw-space-y-reverse)); margin-bottom:calc(var(--spacing)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-2 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*2)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-3 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*3)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-4 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*4)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-5 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*5)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-6 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*6)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-8 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*8)*calc(1-var(--tw-space-y-reverse))); }
  .space-y-10 > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse)); margin-bottom:calc(calc(var(--spacing)*10)*calc(1-var(--tw-space-y-reverse))); }
  .gap-x-4 { column-gap:calc(var(--spacing)*4); }
  .gap-x-5 { column-gap:calc(var(--spacing)*5); }
  .gap-y-1 { row-gap:var(--spacing); }
  .gap-y-2 { row-gap:calc(var(--spacing)*2); }
  .self-start { align-self:flex-start; }
  .overflow-auto { overflow:auto; }
  .overflow-hidden { overflow:hidden; }
  .overflow-x-auto { overflow-x:auto; }
  .overflow-y-auto { overflow-y:auto; }
  .rounded { border-radius:.25rem; }
  .rounded-2xl { border-radius:var(--radius-2xl); }
  .rounded-full { border-radius:9999px; }
  .rounded-lg { border-radius:var(--radius-lg); }
  .rounded-md { border-radius:var(--radius-md); }
  .rounded-xl { border-radius:var(--radius-xl); }
  .border { border-style:var(--tw-border-style); border-width:1px; }
  .border-2 { border-style:var(--tw-border-style); border-width:2px; }
  .border-t { border-top-style:var(--tw-border-style); border-top-width:1px; }
  .border-b { border-bottom-style:var(--tw-border-style); border-bottom-width:1px; }
  .border-l-2 { border-left-style:var(--tw-border-style); border-left-width:2px; }
  .bg-\[\#0D0B1E\] { background-color:#0d0b1e; }
  .bg-transparent { background-color:#0000; }
  .p-2 { padding:calc(var(--spacing)*2); }
  .p-3 { padding:calc(var(--spacing)*3); }
  .p-4 { padding:calc(var(--spacing)*4); }
  .p-5 { padding:calc(var(--spacing)*5); }
  .p-6 { padding:calc(var(--spacing)*6); }
  .px-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)*.5); }
  .py-1 { padding-block:var(--spacing); }
  .py-1\.5 { padding-block:calc(var(--spacing)*1.5); }
  .py-2 { padding-block:calc(var(--spacing)*2); }
  .py-3 { padding-block:calc(var(--spacing)*3); }
  .py-4 { padding-block:calc(var(--spacing)*4); }
  .py-5 { padding-block:calc(var(--spacing)*5); }
  .py-6 { padding-block:calc(var(--spacing)*6); }
  .py-8 { padding-block:calc(var(--spacing)*8); }
  .py-10 { padding-block:calc(var(--spacing)*10); }
  .py-12 { padding-block:calc(var(--spacing)*12); }
  .pt-2 { padding-top:calc(var(--spacing)*2); }
  .pt-4 { padding-top:calc(var(--spacing)*4); }
  .pt-5 { padding-top:calc(var(--spacing)*5); }
  .pt-6 { padding-top:calc(var(--spacing)*6); }
  .pb-2 { padding-bottom:calc(var(--spacing)*2); }
  .pb-3 { padding-bottom:calc(var(--spacing)*3); }
  .pb-16 { padding-bottom:calc(var(--spacing)*16); }
  .pl-3 { padding-left:calc(var(--spacing)*3); }
  .pl-6 { padding-left:calc(var(--spacing)*6); }
  .text-center { text-align:center; }
  .text-left { text-align:left; }
  .text-right { text-align:right; }
  .align-top { vertical-align:top; }
  .font-serif { font-family:var(--font-serif); }
  .text-2xl { font-size:var(--text-2xl); line-height:var(--text-2xl--line-height); }
  .text-3xl { font-size:var(--text-3xl); line-height:var(--text-3xl--line-height); }
  .text-4xl { font-size:var(--text-4xl); line-height:var(--text-4xl--line-height); }
  .text-base { font-size:var(--text-base); line-height:var(--text-base--line-height); }
  .text-lg { font-size:var(--text-lg); line-height:var(--text-lg--line-height); }
  .text-sm { font-size:var(--text-sm); line-height:var(--text-sm--line-height); }
  .text-xl { font-size:var(--text-xl); line-height:var(--text-xl--line-height); }
  .text-xs { font-size:var(--text-xs); line-height:var(--text-xs--line-height); }
  .text-\[10px\] { font-size:10px; }
  .leading-6 { --tw-leading:calc(var(--spacing)*6); line-height:calc(var(--spacing)*6); }
  .leading-none { --tw-leading:1; line-height:1; }
  .leading-relaxed { --tw-leading:var(--leading-relaxed); line-height:var(--leading-relaxed); }
  .leading-snug { --tw-leading:var(--leading-snug); line-height:var(--leading-snug); }
  .leading-tight { --tw-leading:var(--leading-tight); line-height:var(--leading-tight); }
  .font-bold { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .font-normal { --tw-font-weight:var(--font-weight-normal); font-weight:var(--font-weight-normal); }
  .font-semibold { --tw-font-weight:var(--font-weight-semibold); font-weight:var(--font-weight-semibold); }
  .tracking-\[0\.4em\] { --tw-tracking:.4em; letter-spacing:.4em; }
  .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); }
  .text-balance { text-wrap:balance; }
  .break-all { word-break:break-all; }
  .whitespace-nowrap { white-space:nowrap; }
  .whitespace-pre-line { white-space:pre-line; }
  .whitespace-pre-wrap { white-space:pre-wrap; }
  .uppercase { text-transform:uppercase; }
  .italic { font-style:italic; }
  .tabular-nums { --tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
  .line-through { text-decoration-line:line-through; }
  .underline { text-decoration-line:underline; }
  .antialiased { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
  .accent-\[\#F2B830\] { accent-color:#f2b830; }
  .opacity-70 { opacity:.7; }
  .shadow { --tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px+var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .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,); }
  .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,); }
  .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)); }
  .duration-500 { --tw-duration:.5s; transition-duration:.5s; }
  .duration-700 { --tw-duration:.7s; transition-duration:.7s; }
  .outline-none { --tw-outline-style:none; outline-style:none; }
  .marker\:font-bold ::marker { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .marker\:font-bold::marker { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .marker\:font-bold ::-webkit-details-marker { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .marker\:font-bold::-webkit-details-marker { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .placeholder\:text-muted::placeholder { color:var(--muted); }
  .last\:border-0:last-child { border-style:var(--tw-border-style); border-width:0; }
  @media (min-width:40rem) {
    .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .sm\:grid-cols-\[200px_1fr\] { grid-template-columns:200px 1fr; }
    .sm\:flex-row { flex-direction:row; }
    .sm\:flex-row-reverse { flex-direction:row-reverse; }
    .sm\:items-start { align-items:flex-start; }
    .sm\:justify-between { justify-content:space-between; }
    .sm\:p-7 { padding:calc(var(--spacing)*7); }
    .sm\:px-5 { padding-inline:calc(var(--spacing)*5); }
    .sm\:pt-8 { padding-top:calc(var(--spacing)*8); }
    .sm\:text-left { text-align:left; }
    .sm\:text-3xl { font-size:var(--text-3xl); line-height:var(--text-3xl--line-height); }
    .sm\:text-4xl { font-size:var(--text-4xl); line-height:var(--text-4xl--line-height); }
    .sm\:text-5xl { font-size:var(--text-5xl); line-height:var(--text-5xl--line-height); }
  }
  @media (min-width:48rem) {
    .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  }
  @media (min-width:64rem) {
    .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  }
  .\[\&_h2\]\:mt-10 h2 { margin-top:calc(var(--spacing)*10); }
  .\[\&_h2\]\:font-serif h2 { font-family:var(--font-serif); }
  .\[\&_h2\]\:text-xl h2 { font-size:var(--text-xl); line-height:var(--text-xl--line-height); }
  .\[\&_h2\]\:font-bold h2 { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); }
  .\[\&_li\]\:ml-5 li { margin-left:calc(var(--spacing)*5); }
  .\[\&_li\]\:list-disc li { list-style-type:disc; }
  .\[\&_ul\]\:space-y-1 ul > :not(:last-child) { --tw-space-y-reverse:0; margin-top:calc(var(--spacing)*var(--tw-space-y-reverse)); margin-bottom:calc(var(--spacing)*calc(1-var(--tw-space-y-reverse))); }
}

:root {
  --ground:#f4f5f8;
  --surface:#fff;
  --ink:#1b2130;
  --muted:#5a6376;
  --rule:#dce0e8;
  --accent:#34488c;
  --accent-soft:#e6eaf5;
  --flame:#9a6414;
  --flame-soft:#f6ecdc;
  --warn:#8a3b2e;
  --warn-soft:#f6e6e2;
}
html { font-size:18px; }
body { background:var(--ground); color:var(--ink); font-family:var(--font-sans); line-height:1.6; }
:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }

.noite {
  --n-ground:#0f1428;
  --n-surface:#171e38;
  --n-surface-2:#222a4a;
  --n-rule:#2e3760;
  --n-ink:#f4ecdc;
  --n-muted:#aeb3c9;
  --n-prece:#f7dcae;
  --n-flame:#f0b458;
  --n-cta:#f2b44f;
  --n-cta-ink:#1c1606;
  --n-erro:#ff9e8a;
  background:radial-gradient(ellipse 70% 45% at 50% 38%, #f0b4581a, transparent 70%), var(--n-ground);
  color:var(--n-ink);
}
.campo-noite { border:2px solid var(--n-rule); background:var(--n-surface); width:100%; color:var(--n-ink); border-radius:.75rem; outline:none; padding:.85rem 1rem; font-size:1.25rem; }
.campo-noite::placeholder { color:#6f7596; }
.campo-noite:focus { border-color:var(--n-flame); }
.noite :focus-visible { outline-color:var(--n-flame); }
.legenda { animation:.5s ease-out both legenda-entra; }
@keyframes legenda-entra { 0% { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

.publico {
  --p-ground:#0c1022;
  --p-surface:#161c36;
  --p-surface-2:#1f2748;
  --p-rule:#2c355c;
  --p-ink:#f4ecdc;
  --p-muted:#aeb3c9;
  --p-gold:#f0b458;
  --p-gold-soft:#f0b45824;
  --p-verde:#22c55e;
  --p-verde-escuro:#15803d;
  --p-vermelho:#ff8a80;
  background:radial-gradient(ellipse 80% 40% at 50% 0%, #f0b4581f, transparent 70%), var(--p-ground);
  min-height:100%;
  color:var(--p-ink);
  flex-direction:column;
  flex:auto;
  display:flex;
}
.publico a:focus-visible,.publico button:focus-visible,.publico input:focus-visible { outline-color:var(--p-gold); }
.publico .p-muted { color:var(--p-muted); }
.publico .p-gold { color:var(--p-gold); }
.publico .p-card { border:1px solid var(--p-rule); background:var(--p-surface); border-radius:1rem; }
.publico .p-card-2 { background:var(--p-surface-2); }
.publico .p-rule { border-color:var(--p-rule); }
.publico .p-faixa { color:#fff3f3; text-align:center; background:#7a1d1d; padding:.65rem 1rem; font-size:.95rem; font-weight:700; line-height:1.35; }
.publico .p-comprar {
  color:#fff;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 1px 2px #0046148c;
  background:linear-gradient(#3dff7a,#00d94a);
  border-radius:.9rem;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:1.15rem 1rem;
  font-size:1.3rem;
  font-weight:900;
  line-height:1.2;
  text-decoration:none;
  animation:1.4s ease-in-out infinite p-pulsa-verde;
  display:flex;
  box-shadow:0 0 18px #39ff78bf,0 0 42px #00d94a73,0 6px 18px #00000059;
}
.publico .p-comprar:hover { filter:brightness(1.08); }
.publico .p-comprar-sub { letter-spacing:.04em; opacity:.95; margin-top:.3rem; font-size:.85rem; font-weight:800; display:block; }
.publico .p-comprar:active { transform:scale(.98); }
@keyframes p-pulsa-verde {
  0%,to { transform:scale(1); box-shadow:0 0 18px #39ff78bf,0 0 42px #00d94a73,0 6px 18px #00000059; }
  50% { transform:scale(1.04); box-shadow:0 0 28px #39ff78,0 0 70px #00d94ab3,0 6px 18px #00000059; }
}
.publico .p-recusar { text-align:center; border:1px solid var(--p-rule); width:100%; color:var(--p-muted); background:0 0; border-radius:.9rem; padding:.9rem 1rem; font-size:1rem; text-decoration:none; display:block; }
.publico .p-recusar:hover { color:var(--p-ink); border-color:var(--p-muted); }
.publico .p-botao { background:var(--p-gold); color:#1c1606; text-align:center; cursor:pointer; border:0; border-radius:.9rem; justify-content:center; align-items:center; width:100%; padding:1rem; font-size:1.15rem; font-weight:800; line-height:1.2; text-decoration:none; display:flex; }
.publico .p-botao:hover { filter:brightness(1.05); }
.publico .p-botao:disabled { opacity:.6; cursor:default; }
.publico .p-botao-fantasma { color:var(--p-ink); border:2px solid var(--p-rule); background:0 0; }
.publico .p-botao-fantasma[aria-pressed=true] { border-color:var(--p-gold); color:var(--p-gold); background:var(--p-gold-soft); }
.publico .p-pilula { border-radius:999px; width:auto; padding:.4rem 1rem; font-size:1rem; font-weight:600; display:inline-flex; }
.publico .p-erro { color:var(--p-vermelho); }
.publico .p-campo { border:2px solid var(--p-rule); background:var(--p-surface); width:100%; color:var(--p-ink); text-align:center; border-radius:.75rem; outline:none; padding:.9rem 1rem; font-size:1.3rem; }
.publico .p-campo::placeholder { color:#6f7596; }
.publico .p-campo:focus { border-color:var(--p-gold); }
.publico .p-entra { animation:.6s ease-out both p-entra; }
@keyframes p-entra { 0% { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.publico .p-preco { flex-wrap:wrap; justify-content:center; align-items:baseline; gap:.4rem 1.2rem; display:flex; }
.publico .p-preco .de { color:var(--p-muted); font-size:1.2rem; font-weight:700; text-decoration:line-through; }
.publico .p-preco .por { color:var(--p-verde); letter-spacing:-.02em; font-size:2.6rem; font-weight:900; line-height:1; }
.publico .p-preco .rotulo { letter-spacing:.12em; text-transform:uppercase; color:var(--p-muted); font-size:.75rem; font-weight:800; display:block; }
.publico .p-selo { border:3px solid var(--p-gold); width:120px; height:120px; color:var(--p-gold); text-align:center; border-radius:50%; flex-direction:column; flex:none; justify-content:center; align-items:center; line-height:1.1; display:flex; box-shadow:0 0 0 8px #f0b4581f,0 0 40px #f0b45840; }
.publico details { border:1px solid var(--p-rule); background:var(--p-surface); border-radius:.9rem; }
.publico details summary { cursor:pointer; justify-content:space-between; align-items:center; gap:.75rem; padding:1rem 1.1rem; font-size:1.05rem; font-weight:700; list-style:none; display:flex; }
.publico details summary::-webkit-details-marker { display:none; }
.publico details summary:after { content:"+"; color:var(--p-gold); flex:none; font-size:1.4rem; font-weight:800; }
.publico details[open] summary:after { content:"−"; }
.publico details .p-resposta { color:var(--p-muted); padding:0 1.1rem 1.1rem; line-height:1.6; }
.publico .p-legal { line-height:1.7; }
.publico .p-legal h2 { font-family:var(--font-serif); color:var(--p-gold); margin-top:2.2rem; font-size:1.35rem; font-weight:700; }
.publico .p-legal p { margin-top:.9rem; }
.publico .p-legal ul { margin-top:.9rem; padding-left:1.3rem; list-style:outside; }
.publico .p-legal ol { margin-top:.9rem; padding-left:1.3rem; list-style:decimal; }
.publico .p-legal li { margin-top:.35rem; }
.publico .p-legal a { color:var(--p-gold); text-decoration:underline; }
@media (max-width:640px) {
  html:has(.publico) { font-size:16px; }
  .publico .p-play-circulo { width:76px; height:76px; }
  .publico .p-preco .por { font-size:2.2rem; }
}
@media (prefers-reduced-motion:reduce) {
  .publico .p-play-circulo,.publico .p-comprar,.publico .p-entra { animation:none; }
}
.publico .p-miuda { color:var(--p-muted); opacity:.5; text-align:left; font-size:8px; line-height:1.3; }
.publico .p-miuda h2,.publico .p-miuda h3 { font-size:inherit; letter-spacing:normal; text-transform:none; font-family:inherit; }
.publico .p-oferta { border:2px solid var(--p-gold); text-align:center; background:radial-gradient(120% 55% at 50% 0%, #f0b4582e, transparent 65%), var(--p-surface); border-radius:1.25rem; padding:1.5rem 1rem; box-shadow:0 0 0 6px #f0b4580f,0 20px 60px #00000073; }
.publico .p-oferta-mockup { filter:drop-shadow(0 18px 30px #0000008c); width:100%; height:auto; margin-inline:auto; display:block; }
.publico .p-oferta-lista { text-align:left; }
.publico .p-oferta-lista li { border-bottom:1px dashed var(--p-rule); justify-content:space-between; align-items:baseline; gap:.75rem; padding:.5rem 0; font-size:.95rem; line-height:1.35; display:flex; }
.publico .p-oferta-lista .valor { color:var(--p-muted); white-space:nowrap; flex:none; }
.publico .p-oferta-lista .incluso { color:#3dff7a; text-transform:uppercase; white-space:nowrap; flex:none; font-size:.8rem; font-weight:800; }
.publico .p-oferta-preco .de { color:var(--p-muted); font-size:1.05rem; }
.publico .p-oferta-preco .por { color:#3dff7a; letter-spacing:-.02em; text-shadow:0 0 26px #39ff7859; font-size:3.6rem; font-weight:900; line-height:1.05; }
.publico .p-oferta-garantia { text-align:left; align-items:center; gap:1rem; display:flex; }
.publico .p-selo.p-selo-p { border-width:2px; width:88px; height:88px; box-shadow:0 0 0 5px #f0b4581f,0 0 26px #f0b45840; }

/* Custom video player */
.vsl-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 0.5rem;
  overflow: hidden;
}
.vsl-video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.vsl-video::-webkit-media-controls,
.vsl-video::-webkit-media-controls-panel,
.vsl-video::-webkit-media-controls-play-button,
.vsl-video::-webkit-media-controls-current-time-display,
.vsl-video::-webkit-media-controls-time-remaining-display,
.vsl-video::-webkit-media-controls-timeline,
.vsl-video::-webkit-media-controls-volume-slider,
.vsl-video::-webkit-media-controls-fullscreen-button,
.vsl-video::-webkit-media-controls-overlay-play-button {
  display: none !important;
}
.vsl-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.5);
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.vsl-play-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.vsl-play-btn {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(220, 0, 220, 0.95);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(220, 0, 220, 0.5);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  animation: vslPulse 2s ease-in-out infinite;
}
.vsl-play-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 40px rgba(220, 0, 220, 0.7);
  background: #dc00dc;
}
.vsl-play-btn:active { transform: scale(0.95); }
.vsl-play-btn:focus { outline: 3px solid rgba(220, 0, 220, 0.5); outline-offset: 4px; }
.vsl-play-btn svg { width: 64px; height: 64px; }
@keyframes vslPulse {
  0%, 100% { box-shadow: 0 8px 32px rgba(220, 0, 220, 0.5); }
  50% { box-shadow: 0 8px 48px rgba(220, 0, 220, 0.8), 0 0 0 20px rgba(220, 0, 220, 0.1); }
}
@media (prefers-reduced-motion: reduce) { .vsl-play-btn { animation: none; } }
@media (min-width: 600px) {
  .vsl-play-btn { width: 120px; height: 120px; }
  .vsl-play-btn svg { width: 72px; height: 72px; }
}
@media (max-width: 480px) {
  .vsl-play-btn { width: 80px; height: 80px; }
  .vsl-play-btn svg { width: 48px; height: 48px; }
}
.vsl-video { -webkit-user-select: none; user-select: none; }