/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-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-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-wt-50: #f1fbf3;
    --color-wt-100: #dcf6e1;
    --color-wt-200: #bcecc6;
    --color-wt-300: #8bd99b;
    --color-wt-400: #54bd69;
    --color-wt-500: #31a14c;
    --color-wt-600: #23833c;
    --color-wt-700: #1d6833;
    --color-wt-900: #174526;
    --color-wt-950: #0c2714;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .z-10 {
    z-index: 10;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[34rem\] {
    height: 34rem;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[54rem\] {
    width: 54rem;
  }
  .w-full {
    width: 100%;
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-y {
    resize: vertical;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .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-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-400\/20 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-wt-400\/20 {
    border-color: color-mix(in srgb, #54bd69 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-wt-400) 20%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/70 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-400\/5 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 5%, transparent);
    }
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-slate-950\/80 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/\[0\.035\] {
    background-color: color-mix(in srgb, #fff 3.5000000000000004%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3.5000000000000004%, transparent);
    }
  }
  .bg-wt-50 {
    background-color: var(--color-wt-50);
  }
  .bg-wt-400\/10 {
    background-color: color-mix(in srgb, #54bd69 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-wt-400) 10%, transparent);
    }
  }
  .bg-wt-500\/10 {
    background-color: color-mix(in srgb, #31a14c 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-wt-500) 10%, transparent);
    }
  }
  .bg-wt-600 {
    background-color: var(--color-wt-600);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-wt-400 {
    --tw-gradient-from: var(--color-wt-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-wt-600 {
    --tw-gradient-from: var(--color-wt-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-wt-700 {
    --tw-gradient-to: var(--color-wt-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .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-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }
  .text-center {
    text-align: center;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800\/80 {
    color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-800) 80%, transparent);
    }
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-wt-300 {
    color: var(--color-wt-300);
  }
  .text-wt-400 {
    color: var(--color-wt-400);
  }
  .text-wt-600 {
    color: var(--color-wt-600);
  }
  .text-wt-700 {
    color: var(--color-wt-700);
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-black\/30 {
    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-wt-700\/20 {
    --tw-shadow-color: color-mix(in srgb, #1d6833 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-wt-700) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-wt-950\/40 {
    --tw-shadow-color: color-mix(in srgb, #0c2714 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-wt-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .ring-wt-100 {
    --tw-ring-color: var(--color-wt-100);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-\[1\.03\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .selection\:bg-wt-200 {
    & *::selection {
      background-color: var(--color-wt-200);
    }
    &::selection {
      background-color: var(--color-wt-200);
    }
  }
  .selection\:text-wt-950 {
    & *::selection {
      color: var(--color-wt-950);
    }
    &::selection {
      color: var(--color-wt-950);
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-wt-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-wt-300);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:from-wt-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-wt-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-wt-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-wt-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-wt-400 {
    &:focus {
      border-color: var(--color-wt-400);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .focus\:ring-wt-100 {
    &:focus {
      --tw-ring-color: var(--color-wt-100);
    }
  }
  .focus\:ring-wt-200 {
    &:focus {
      --tw-ring-color: var(--color-wt-200);
    }
  }
  .focus\:ring-wt-500 {
    &:focus {
      --tw-ring-color: var(--color-wt-500);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:py-8 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .sm\:py-12 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:leading-\[1\.08\] {
    @media (width >= 40rem) {
      --tw-leading: 1.08;
      line-height: 1.08;
    }
  }
  .lg\:top-10 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 10);
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[0\.82fr_1\.18fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.82fr 1.18fr;
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
}
@layer components {
  .field-label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-700);
  }
  .field-input {
    display: block;
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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, visibility, 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));
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
    &:focus {
      border-color: var(--color-wt-500);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-wt-100);
    }
  }
  .security-card {
    display: flex;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: color-mix(in srgb, #fff 4.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .security-card strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-100);
  }
  .security-card small {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-slate-400);
  }
  .security-icon {
    display: grid;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-lg);
    background-color: color-mix(in srgb, #54bd69 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-wt-400) 10%, transparent);
    }
    color: var(--color-wt-300);
    --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);
    --tw-ring-color: color-mix(in srgb, #54bd69 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-wt-400) 20%, transparent);
    }
  }
  .security-icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .service-tile {
    position: relative;
    display: flex;
    min-height: calc(var(--spacing) * 20);
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-700);
    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, visibility, 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));
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-wt-300);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #f1fbf3 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-wt-50) 40%, transparent);
        }
      }
    }
  }
  .peer:checked + .service-tile {
    border-color: var(--color-wt-500);
    background-color: var(--color-wt-50);
    color: var(--color-wt-900);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-wt-100);
  }
  .service-glyph {
    display: grid;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    place-items: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-slate-100);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-600);
    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, visibility, 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));
  }
  .peer:checked + .service-tile .service-glyph {
    background-color: var(--color-wt-600);
    color: var(--color-white);
  }
  .service-check {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    color: var(--color-wt-600);
    opacity: 0%;
    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, visibility, 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));
  }
  .peer:checked + .service-tile .service-check {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
  .step-dot {
    display: grid;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    place-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-slate-400);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .step-dot.is-active {
    border-color: var(--color-wt-600);
    background-color: var(--color-wt-600);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, #23833c 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-wt-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .step-dot.is-done {
    border-color: var(--color-emerald-500);
    background-color: var(--color-emerald-500);
    color: var(--color-white);
  }
  .step-line {
    height: 1px;
    flex: 1;
    background-color: var(--color-slate-200);
  }
  .password-wrap {
    position: relative;
  }
  .password-toggle {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    display: grid;
    width: calc(var(--spacing) * 11);
    place-items: center;
    color: var(--color-slate-400);
    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, visibility, 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));
    &:hover {
      @media (hover: hover) {
        color: var(--color-wt-700);
      }
    }
  }
  .password-toggle svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .password-toggle.is-visible {
    color: var(--color-wt-700);
  }
}
.bg-grid {
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom,black,transparent 82%);
}
.secure-spinner {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
}
.secure-spinner::before {
  content: "";
  position: absolute;
  inset: -.25rem;
  border-radius: 999px;
  border: 2px solid #dcf6e1;
  border-top-color: #23833c;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
#copy-btn.is-copied {
  background: #167635;
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

/* WebTuga Secure Share 1.1 - clean stepped interface */
:root{--wt-bg:#f6f9f7;--wt-surface:#fff;--wt-surface-2:#f8faf9;--wt-text:#13201a;--wt-muted:#617069;--wt-border:#dde7e1;--wt-green:#6ebd44;--wt-green-strong:#4d9f2e;--wt-green-soft:#eff8ea;--wt-header:rgba(246,249,247,.88);--wt-shadow:0 22px 60px rgba(18,44,31,.09);--wt-danger:#b42318;--wt-danger-bg:#fff3f2;--wt-focus:rgba(110,189,68,.20)}
html[data-theme="dark"]{--wt-bg:#0d1511;--wt-surface:#121d17;--wt-surface-2:#16231b;--wt-text:#f4f8f5;--wt-muted:#9caea4;--wt-border:#28392f;--wt-green:#7acb4d;--wt-green-strong:#8fd75f;--wt-green-soft:#172a1b;--wt-header:rgba(13,21,17,.88);--wt-shadow:0 24px 70px rgba(0,0,0,.34);--wt-danger:#ffb4ab;--wt-danger-bg:#351816;--wt-focus:rgba(122,203,77,.20)}
*{box-sizing:border-box}.wt-page{margin:0;min-height:100vh;background:var(--wt-bg);color:var(--wt-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .25s ease,color .25s ease}.wt-shell{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% -20%,rgba(110,189,68,.11),transparent 36%)}.wt-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--wt-border);background:var(--wt-header);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.wt-brand{display:flex;align-items:center}.wt-logo{display:block;width:164px;height:auto;max-height:46px;object-fit:contain}.wt-logo-dark{display:none}html[data-theme="dark"] .wt-logo-light{display:none}html[data-theme="dark"] .wt-logo-dark{display:block}.wt-icon-button{width:42px;height:42px;border-radius:12px;border:1px solid var(--wt-border);background:var(--wt-surface);color:var(--wt-text);display:grid;place-items:center;cursor:pointer;transition:.2s}.wt-icon-button:hover{transform:translateY(-1px);border-color:var(--wt-green)}.wt-icon-button svg{width:19px;height:19px}.theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:none}html[data-theme="dark"] .theme-moon{display:block}.wt-main{width:min(100% - 36px,880px);margin:0 auto;padding:58px 0 34px}.wt-intro{text-align:center;max-width:720px;margin:0 auto 32px}.wt-security-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border-radius:999px;background:var(--wt-green-soft);color:var(--wt-green-strong);font-size:12px;font-weight:750;letter-spacing:.025em}.wt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--wt-green);box-shadow:0 0 0 4px rgba(110,189,68,.12)}.wt-intro h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.038em;margin:18px 0 13px;font-weight:820}.wt-intro>p{font-size:17px;line-height:1.7;color:var(--wt-muted);margin:0 auto;max-width:660px}.wt-trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--wt-muted);font-size:13px;font-weight:650}.wt-trust-row span{display:flex;align-items:center;gap:7px}.wt-trust-row svg{width:16px;height:16px;stroke-width:1.8;color:var(--wt-green-strong)}.wt-card{background:var(--wt-surface);border:1px solid var(--wt-border);border-radius:24px;box-shadow:var(--wt-shadow);overflow:hidden}.wt-card-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 18px}.wt-eyebrow,.wt-step-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--wt-green-strong)}.wt-card-head h2{font-size:20px;margin:3px 0 0;letter-spacing:-.02em}.wt-secure-status{display:flex;align-items:center;gap:9px;color:var(--wt-muted);font-size:12px;font-weight:700}.wt-progress{display:flex;align-items:flex-start;padding:0 28px 22px;border-bottom:1px solid var(--wt-border)}.wt-progress-item{width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--wt-muted);font-size:11px;font-weight:700}.wt-progress-item span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--wt-border);background:var(--wt-surface-2);font-size:12px}.wt-progress-item.is-active,.wt-progress-item.is-done{color:var(--wt-green-strong)}.wt-progress-item.is-active span,.wt-progress-item.is-done span{background:var(--wt-green);border-color:var(--wt-green);color:#fff}.wt-progress-line{height:1px;background:var(--wt-border);flex:1;margin-top:14px}.wt-progress-line.is-done{background:var(--wt-green)}.wt-step{display:none;padding:30px 28px 28px}.wt-step.is-active{display:block;animation:wtFade .22s ease}@keyframes wtFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.wt-step-heading{margin-bottom:22px}.wt-step-heading h3,.wt-result-stage h3{font-size:23px;letter-spacing:-.025em;margin:6px 0 6px}.wt-step-heading p,.wt-result-stage>p{color:var(--wt-muted);font-size:14px;line-height:1.6;margin:0}.wt-service-list{display:grid;gap:9px}.wt-service-option{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--wt-border);border-radius:14px;cursor:pointer;background:var(--wt-surface);transition:.18s}.wt-service-option:hover{border-color:rgba(110,189,68,.62);transform:translateY(-1px)}.wt-service-option input{position:absolute;opacity:0;pointer-events:none}.wt-service-option:has(input:checked){border-color:var(--wt-green);background:var(--wt-green-soft);box-shadow:0 0 0 3px var(--wt-focus)}.wt-service-radio{width:19px;height:19px;border:1.5px solid var(--wt-border);border-radius:50%;flex:0 0 auto;margin-top:1px;box-shadow:inset 0 0 0 4px var(--wt-surface)}.wt-service-option:has(input:checked) .wt-service-radio{background:var(--wt-green);border-color:var(--wt-green)}.wt-service-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.wt-service-copy strong{font-size:14px}.wt-service-copy small{color:var(--wt-muted);font-size:12.5px;line-height:1.45}.wt-check{display:none;width:18px;height:18px;color:var(--wt-green-strong);margin-left:auto;flex:0 0 auto}.wt-service-option:has(input:checked) .wt-check{display:block}.wt-fields{display:grid;gap:15px}.wt-fields-two{grid-template-columns:1fr 1fr}.wt-field{display:flex;flex-direction:column;gap:7px}.wt-field label{font-size:12.5px;font-weight:750}.wt-field label em{font-style:normal;color:var(--wt-muted);font-weight:500}.wt-field input,.wt-field textarea,.wt-field select{width:100%;border:1px solid var(--wt-border);border-radius:12px;background:var(--wt-surface-2);color:var(--wt-text);padding:11px 12px;font:inherit;font-size:14px;outline:none;transition:.18s}.wt-field textarea{resize:vertical;min-height:88px}.wt-field input:focus,.wt-field textarea:focus,.wt-field select:focus{border-color:var(--wt-green);box-shadow:0 0 0 3px var(--wt-focus);background:var(--wt-surface)}.wt-password-wrap{position:relative}.wt-password-wrap input{padding-right:44px}.wt-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--wt-muted);width:34px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:8px}.wt-password-toggle:hover{background:var(--wt-green-soft);color:var(--wt-green-strong)}.wt-password-toggle svg{width:17px;height:17px}.wt-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.wt-actions-end{justify-content:flex-end}.wt-btn{border:0;border-radius:11px;min-height:42px;padding:0 16px;font-size:13px;font-weight:780;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.wt-btn:disabled{opacity:.55;cursor:not-allowed}.wt-btn-primary{background:var(--wt-green);color:#fff;box-shadow:0 7px 18px rgba(72,143,40,.17)}.wt-btn-primary:hover:not(:disabled){background:var(--wt-green-strong);transform:translateY(-1px)}.wt-btn-ghost{background:var(--wt-surface-2);color:var(--wt-text);border:1px solid var(--wt-border)}.wt-btn-ghost:hover{border-color:var(--wt-green);color:var(--wt-green-strong)}.wt-btn-secure svg{width:16px;height:16px;stroke-width:1.8}.wt-confirm{display:flex;gap:11px;margin-top:19px;padding:13px 14px;border-radius:12px;background:var(--wt-surface-2);color:var(--wt-muted);font-size:12.5px;line-height:1.55;cursor:pointer}.wt-confirm input{margin-top:3px;accent-color:var(--wt-green)}.wt-alert{margin-top:14px;border-radius:11px;padding:11px 13px;font-size:13px}.wt-alert-error{background:var(--wt-danger-bg);color:var(--wt-danger);border:1px solid color-mix(in srgb,var(--wt-danger) 25%,transparent)}.wt-result-stage{text-align:center;padding:48px 28px}.wt-loader,.wt-success-icon{width:66px;height:66px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;background:var(--wt-green-soft);color:var(--wt-green-strong);position:relative}.wt-loader svg,.wt-success-icon svg{width:30px;height:30px;stroke-width:1.7}.wt-loader span{position:absolute;inset:-5px;border-radius:24px;border:2px solid transparent;border-top-color:var(--wt-green);animation:wtSpin 1s linear infinite}@keyframes wtSpin{to{transform:rotate(360deg)}}.wt-loading-bar{height:6px;max-width:340px;margin:22px auto 0;background:var(--wt-surface-2);border-radius:999px;overflow:hidden}.wt-loading-bar span{display:block;height:100%;width:18%;background:var(--wt-green);border-radius:inherit;transition:width .3s ease}.wt-link-box{display:flex;gap:8px;max-width:620px;margin:22px auto 12px;padding:7px;border:1px solid var(--wt-border);background:var(--wt-surface-2);border-radius:14px}.wt-link-box input{min-width:0;flex:1;border:0;background:transparent;color:var(--wt-text);font-size:12.5px;padding:0 7px;outline:0}.wt-expiry-note{font-size:12.5px;color:var(--wt-muted);margin:0 0 20px}.wt-privacy-note{display:flex;justify-content:center;align-items:flex-start;gap:10px;max-width:720px;margin:22px auto 0;color:var(--wt-muted);font-size:12px;line-height:1.5;text-align:left}.wt-privacy-note svg{width:18px;height:18px;flex:0 0 auto;stroke-width:1.8;color:var(--wt-green-strong)}.wt-footer{width:min(100% - 36px,1080px);margin:auto auto 0;padding:25px 0 28px;display:flex;justify-content:space-between;color:var(--wt-muted);font-size:11px;border-top:1px solid var(--wt-border)}[hidden]{display:none!important}
@media(max-width:680px){.wt-header{height:68px;padding:0 18px}.wt-logo{width:142px}.wt-main{width:min(100% - 24px,880px);padding-top:36px}.wt-intro h1{font-size:34px}.wt-intro>p{font-size:15px}.wt-trust-row{gap:10px 14px}.wt-card{border-radius:18px}.wt-card-head{padding:20px 18px 15px}.wt-progress{padding:0 16px 18px}.wt-step{padding:24px 18px 20px}.wt-fields-two{grid-template-columns:1fr}.wt-service-copy small{font-size:12px}.wt-actions{flex-direction:column-reverse}.wt-actions-end{flex-direction:column}.wt-btn{width:100%}.wt-link-box{flex-direction:column}.wt-footer{padding-bottom:22px}}


/* WebTuga Secure Share 1.2 compact layout overrides */
:root{--wt-bg:#f6f8f7;--wt-surface:#fff;--wt-surface-2:#f7f9f8;--wt-text:#17211b;--wt-muted:#67736c;--wt-border:#dfe5e1;--wt-green:#62ae3f;--wt-green-strong:#397d24;--wt-green-soft:#f0f7ec;--wt-header:rgba(246,248,247,.92);--wt-shadow:0 18px 50px rgba(27,48,36,.08);--wt-danger:#a0352c;--wt-danger-bg:#fff2f0;--wt-focus:rgba(98,174,63,.16)}
html[data-theme="dark"]{--wt-bg:#111720;--wt-surface:#18212c;--wt-surface-2:#202b38;--wt-text:#edf2f7;--wt-muted:#99a8b9;--wt-border:#2c3949;--wt-green:#73bd50;--wt-green-strong:#95d276;--wt-green-soft:#223128;--wt-header:rgba(17,23,32,.92);--wt-shadow:0 20px 55px rgba(0,0,0,.28);--wt-danger:#ffaaa2;--wt-danger-bg:#362226;--wt-focus:rgba(115,189,80,.16)}
.wt-shell{background-image:radial-gradient(circle at 50% -25%,rgba(98,174,63,.07),transparent 32%)}
html[data-theme="dark"] .wt-shell{background-image:radial-gradient(circle at 50% -25%,rgba(76,106,140,.18),transparent 36%)}
.wt-header{height:62px;padding:0 max(20px,calc((100vw - 980px)/2))}.wt-logo{width:146px;max-height:38px}.wt-icon-button{width:36px;height:36px;border-radius:10px}.wt-icon-button svg{width:17px;height:17px}
.wt-main{width:min(100% - 28px,760px);padding:24px 0 16px}.wt-intro{max-width:690px;margin:0 auto 16px}.wt-security-pill{padding:5px 9px;font-size:10.5px}.wt-intro h1{font-size:clamp(25px,3.8vw,35px);line-height:1.08;margin:10px 0 7px}.wt-intro>p{font-size:13.5px;line-height:1.5;max-width:650px}.wt-trust-row{display:none}
.wt-card{border-radius:18px}.wt-card-head{padding:14px 18px 10px}.wt-card-head h2{font-size:17px}.wt-eyebrow,.wt-step-kicker{font-size:9.5px}.wt-secure-status{font-size:11px}.wt-progress{padding:0 18px 11px}.wt-progress-item{width:52px;gap:3px;font-size:9.5px}.wt-progress-item span{width:23px;height:23px;font-size:10px}.wt-progress-line{margin-top:11px}
.wt-step{padding:15px 18px 16px}.wt-step-heading{margin-bottom:11px}.wt-step-heading h3,.wt-result-stage h3{font-size:18px;margin:3px 0 3px}.wt-step-heading p,.wt-result-stage>p{font-size:12.5px;line-height:1.45}
.wt-service-list{grid-template-columns:1fr 1fr;gap:6px}.wt-service-option{gap:8px;padding:9px 10px;border-radius:10px;min-height:58px}.wt-service-option:hover{transform:none}.wt-service-radio{width:15px;height:15px;margin-top:2px;box-shadow:inset 0 0 0 3px var(--wt-surface)}.wt-service-copy{gap:1px}.wt-service-copy strong{font-size:12px;line-height:1.2}.wt-service-copy small{font-size:10.5px;line-height:1.25}.wt-check{width:14px;height:14px}
.wt-fields{gap:9px}.wt-fields-two{gap:9px}.wt-field{gap:4px}.wt-field label{display:block;order:-1;font-size:11.5px;line-height:1.2}.wt-field input,.wt-field textarea,.wt-field select{padding:8px 10px;border-radius:9px;font-size:12.5px;min-height:36px}.wt-field textarea{min-height:54px;max-height:72px}.wt-password-wrap input{padding-right:38px}.wt-password-toggle{width:30px;height:30px;right:3px}.wt-password-toggle svg{width:15px;height:15px}
.wt-actions{margin-top:13px;gap:8px}.wt-btn{min-height:36px;border-radius:9px;padding:0 13px;font-size:11.5px}.wt-confirm{gap:8px;margin-top:10px;padding:9px 10px;border-radius:9px;font-size:10.8px;line-height:1.4}.wt-alert{margin-top:8px;padding:8px 10px;font-size:11px}
.wt-result-stage{padding:30px 20px}.wt-loader,.wt-success-icon{width:52px;height:52px;border-radius:15px;margin-bottom:12px}.wt-loader svg,.wt-success-icon svg{width:24px;height:24px}.wt-loading-bar{margin-top:14px}.wt-link-box{margin:14px auto 8px;padding:5px;border-radius:10px}.wt-expiry-note{font-size:11.5px;margin-bottom:13px}
.wt-privacy-note{margin:10px auto 0;font-size:10.5px;line-height:1.4}.wt-privacy-note svg{width:15px;height:15px}
.wt-footer{width:min(100% - 28px,980px);margin:auto auto 0;padding:10px 0 12px;display:block;border-top:1px solid var(--wt-border);font-size:10px}.wt-footer-trust{display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:8px;color:var(--wt-muted);font-weight:650}.wt-footer-trust span{display:flex;align-items:center;gap:5px;white-space:nowrap}.wt-footer-trust svg{width:13px;height:13px;stroke-width:1.8;color:var(--wt-green-strong)}.wt-footer-meta{display:flex;justify-content:space-between;color:var(--wt-muted);opacity:.85}
@media(min-width:681px) and (min-height:720px){.wt-page{overflow-y:auto}.wt-shell{min-height:100vh}}
@media(min-width:681px) and (min-height:780px){.wt-page{overflow-y:hidden}}
@media(max-width:680px){.wt-header{height:58px;padding:0 14px}.wt-logo{width:132px}.wt-main{width:min(100% - 18px,760px);padding:18px 0 12px}.wt-intro{margin-bottom:13px}.wt-intro h1{font-size:27px}.wt-intro>p{font-size:12.5px}.wt-card-head{padding:13px 14px 9px}.wt-progress{padding:0 13px 10px}.wt-step{padding:14px}.wt-service-list{grid-template-columns:1fr}.wt-service-option{min-height:auto}.wt-fields-two{grid-template-columns:1fr}.wt-actions{flex-direction:row}.wt-actions-end{flex-direction:row}.wt-btn{width:auto;flex:1}.wt-footer-trust{gap:8px 13px;flex-wrap:wrap}.wt-footer-meta{padding-top:1px}.wt-privacy-note{padding:0 4px}}

/* WebTuga Secure Share 1.3 interface refinements */
html[data-theme="dark"]{--wt-bg:#111827;--wt-surface:#182230;--wt-surface-2:#202c3b;--wt-text:#f1f5f9;--wt-muted:#9baabd;--wt-border:#314052;--wt-green:#6fbd4b;--wt-green-strong:#9bd47d;--wt-green-soft:#24332a;--wt-header:rgba(17,24,39,.94);--wt-shadow:0 20px 55px rgba(0,0,0,.30);--wt-focus:rgba(111,189,75,.18)}
html[data-theme="dark"] .wt-shell{background-image:radial-gradient(circle at 50% -25%,rgba(72,93,124,.22),transparent 38%)}
.wt-main{padding-top:20px}.wt-intro{margin-bottom:13px}.wt-intro h1{font-size:clamp(24px,3.4vw,32px);margin-top:8px}.wt-intro>p{font-size:13px;line-height:1.45}.wt-step{padding-top:13px}.wt-step-heading{margin-bottom:9px}
.wt-service-option{align-items:center;min-height:62px}.wt-service-icon-wrap{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--wt-surface-2);border:1px solid var(--wt-border);color:var(--wt-green-strong);transition:.18s}.wt-service-icon{width:17px;height:17px}.wt-service-option:has(input:checked) .wt-service-icon-wrap{background:var(--wt-surface);border-color:color-mix(in srgb,var(--wt-green) 55%,var(--wt-border));color:var(--wt-green-strong)}
.wt-purpose-block{margin-top:10px;padding-top:9px;border-top:1px solid var(--wt-border)}.wt-mini-label{display:block;font-size:11px;font-weight:750;color:var(--wt-text);margin-bottom:6px}.wt-mini-label em{font-style:normal;color:var(--wt-muted);font-weight:500}.wt-choice-chips{display:flex;gap:5px;flex-wrap:wrap}.wt-choice-chips label{cursor:pointer}.wt-choice-chips input{position:absolute;opacity:0;pointer-events:none}.wt-choice-chips span{display:block;padding:6px 9px;border:1px solid var(--wt-border);background:var(--wt-surface-2);color:var(--wt-muted);border-radius:8px;font-size:10.5px;font-weight:650;transition:.15s}.wt-choice-chips label:hover span{border-color:color-mix(in srgb,var(--wt-green) 55%,var(--wt-border))}.wt-choice-chips input:checked+span{background:var(--wt-green-soft);border-color:var(--wt-green);color:var(--wt-green-strong);box-shadow:0 0 0 2px var(--wt-focus)}
.wt-inline-warning{margin:-2px 0 6px;color:#a15c00;font-size:10.5px;font-weight:650}.wt-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.wt-summary>div{padding:8px 9px;border:1px solid var(--wt-border);border-radius:9px;background:var(--wt-surface-2);min-width:0}.wt-summary small{display:block;color:var(--wt-muted);font-size:9px;line-height:1.1;margin-bottom:3px}.wt-summary strong{display:block;font-size:10.8px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt-expiration-field{margin-bottom:9px}.wt-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.wt-segmented label{cursor:pointer}.wt-segmented input{position:absolute;opacity:0;pointer-events:none}.wt-segmented span{display:flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--wt-border);border-radius:9px;background:var(--wt-surface-2);font-size:11px;font-weight:750;color:var(--wt-muted);transition:.15s}.wt-segmented input:checked+span{background:var(--wt-green-soft);border-color:var(--wt-green);color:var(--wt-green-strong);box-shadow:0 0 0 2px var(--wt-focus)}
.wt-compact-fields{gap:7px}.wt-protection-toggle-field{min-width:0}.wt-option-toggle{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid var(--wt-border);border-radius:9px;background:var(--wt-surface-2);color:var(--wt-text);cursor:pointer;text-align:left}.wt-option-toggle>span:nth-child(2){min-width:0;flex:1}.wt-option-toggle strong{display:block;font-size:10.8px;line-height:1.2}.wt-option-toggle small{display:block;color:var(--wt-muted);font-size:9.5px;line-height:1.2;margin-top:1px}.wt-option-toggle-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wt-surface);border:1px solid var(--wt-border);color:var(--wt-muted)}.wt-option-toggle-icon svg{width:14px;height:14px;stroke-width:1.8}.wt-switch{width:29px;height:17px;border-radius:999px;background:var(--wt-border);position:relative;flex:0 0 auto;transition:.15s}.wt-switch:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.wt-option-toggle.is-active{border-color:var(--wt-green);background:var(--wt-green-soft)}.wt-option-toggle.is-active .wt-switch{background:var(--wt-green)}.wt-option-toggle.is-active .wt-switch:after{transform:translateX(12px)}.wt-option-toggle.is-active .wt-option-toggle-icon{color:var(--wt-green-strong);border-color:color-mix(in srgb,var(--wt-green) 55%,var(--wt-border))}
.wt-password-panel{margin-top:8px;padding:9px;border:1px solid var(--wt-border);border-radius:10px;background:var(--wt-surface-2)}.wt-password-advice{display:flex;align-items:flex-start;gap:7px;color:var(--wt-muted);font-size:10.5px;line-height:1.35;margin-bottom:8px}.wt-password-advice svg{width:15px;height:15px;flex:0 0 auto;color:var(--wt-green-strong);stroke-width:1.8}.wt-password-meter{height:3px;border-radius:999px;background:var(--wt-border);overflow:hidden;margin:7px 0 3px}.wt-password-meter span{display:block;height:100%;width:0;background:#d97706;transition:width .2s}.wt-password-meter span[data-score="3"],.wt-password-meter span[data-score="4"]{background:var(--wt-green)}.wt-password-strength{font-size:9.5px;color:var(--wt-muted)}
.wt-confirm{background:var(--wt-surface-2)!important;border:1px solid var(--wt-border);color:var(--wt-muted)}html[data-theme="dark"] .wt-confirm{background:#202c3b!important}.wt-confirm input{width:14px;height:14px;flex:0 0 auto;background:transparent}
.wt-btn-small{min-height:32px;padding:0 10px}.wt-link-private input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wt-result-notes{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.wt-result-notes span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--wt-surface-2);border:1px solid var(--wt-border);color:var(--wt-muted);font-size:10.5px}.wt-result-warning{max-width:580px;margin:0 auto 11px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--wt-green) 32%,var(--wt-border));border-radius:9px;background:var(--wt-green-soft);text-align:left}.wt-result-warning span{color:var(--wt-text)}
.wt-footer{padding-top:8px}.wt-footer-trust{border:0;background:transparent;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:17px;padding:0 0 7px;color:var(--wt-muted);font-weight:650}.wt-footer-trust:hover{color:var(--wt-text)}.wt-footer-trust small{font-size:9px;font-weight:600;text-decoration:underline;text-underline-offset:3px;opacity:.8}.wt-footer-meta{border-top:1px solid color-mix(in srgb,var(--wt-border) 65%,transparent);padding-top:7px}
.wt-modal[hidden]{display:none!important}.wt-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.wt-modal-backdrop{position:absolute;inset:0;background:rgba(8,13,19,.58);backdrop-filter:blur(5px)}.wt-modal-card{position:relative;width:min(100%,520px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--wt-border);border-radius:16px;background:var(--wt-surface);box-shadow:0 28px 80px rgba(0,0,0,.28);padding:22px;outline:none}.wt-modal-close{position:absolute;right:11px;top:10px;width:30px;height:30px;border-radius:8px;border:1px solid var(--wt-border);background:var(--wt-surface-2);color:var(--wt-muted);font-size:20px;line-height:1;cursor:pointer}.wt-modal-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--wt-green-soft);color:var(--wt-green-strong);margin-bottom:10px}.wt-modal-icon svg{width:21px;height:21px;stroke-width:1.8}.wt-modal-card h2{font-size:19px;letter-spacing:-.02em;margin:3px 0 12px}.wt-security-details{display:grid;gap:10px}.wt-security-details>div{padding:10px;border:1px solid var(--wt-border);border-radius:10px;background:var(--wt-surface-2)}.wt-security-details strong{font-size:11.5px}.wt-security-details p{color:var(--wt-muted);font-size:10.8px;line-height:1.45;margin:3px 0 0}.wt-modal-action{width:100%;margin-top:13px}.wt-modal-open{overflow:hidden}
.wt-step:focus,.wt-result-stage h3:focus{outline:none}
.wt-field input:invalid:not(:placeholder-shown){border-color:color-mix(in srgb,var(--wt-danger) 60%,var(--wt-border))}

@media(min-width:681px) and (max-height:760px){.wt-main{padding-top:13px;padding-bottom:8px}.wt-intro{margin-bottom:9px}.wt-intro h1{font-size:27px;margin:7px 0 5px}.wt-intro>p{font-size:12px}.wt-card-head{padding-top:11px}.wt-step{padding-top:10px;padding-bottom:12px}.wt-service-option{min-height:55px;padding-top:7px;padding-bottom:7px}.wt-service-copy small{font-size:10px}.wt-purpose-block{margin-top:7px;padding-top:7px}.wt-actions{margin-top:9px}.wt-footer{padding-bottom:7px}}
@media(max-width:680px){.wt-main{padding-top:15px}.wt-intro h1{font-size:25px}.wt-service-icon-wrap{width:29px;height:29px}.wt-summary{grid-template-columns:1fr 1fr}.wt-choice-chips{display:grid;grid-template-columns:1fr 1fr}.wt-choice-chips span{text-align:center}.wt-segmented span{font-size:10.5px}.wt-footer-trust{gap:7px 12px;flex-wrap:wrap}.wt-footer-trust small{width:100%}.wt-link-box{display:grid;grid-template-columns:1fr auto}.wt-link-box input{grid-column:1/-1;min-height:31px}.wt-link-box #copy-btn{grid-column:1/2}.wt-link-box #reveal-link-btn{grid-column:2/3;grid-row:2}.wt-password-panel .wt-fields-two{grid-template-columns:1fr}.wt-modal-card{padding:18px}}
.wt-service-title{display:flex;align-items:center;gap:5px;min-width:0}.wt-recommendation{display:inline-flex;align-items:center;padding:2px 5px;border-radius:999px;background:var(--wt-green-soft);color:var(--wt-green-strong);font-size:7.5px;font-weight:800;letter-spacing:.025em;white-space:nowrap}.wt-service-option.is-recommended{border-color:color-mix(in srgb,var(--wt-green) 30%,var(--wt-border))}.wt-purpose-block{margin-top:0;margin-bottom:8px;padding-top:0;padding-bottom:8px;border-top:0;border-bottom:1px solid var(--wt-border)}

/* Version 1.3.1 interface refinements */
.wt-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.wt-summary>div{padding:9px 10px}
.wt-summary strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}
.wt-expiration-field select{min-height:38px;padding:8px 38px 8px 11px;cursor:pointer;color-scheme:light}
html[data-theme="dark"] .wt-expiration-field select{color-scheme:dark}
.wt-confirm{background:var(--wt-surface-2)!important}
html[data-theme="light"] .wt-confirm{background:#f7f9f8!important;border-color:#dce3df}
.wt-confirm input{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:1px;border:1.5px solid var(--wt-border);border-radius:4px;background:#fff!important;display:grid;place-items:center;cursor:pointer;transition:.15s}
.wt-confirm input:checked{background:var(--wt-green)!important;border-color:var(--wt-green)}
.wt-confirm input:checked:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}
.wt-confirm input:focus-visible{outline:0;box-shadow:0 0 0 3px var(--wt-focus)}
html[data-theme="dark"] .wt-confirm input{background:#172131!important;border-color:#526176}
html[data-theme="dark"] .wt-confirm input:checked{background:var(--wt-green)!important;border-color:var(--wt-green)}
.wt-footer-trust span:first-child{font-weight:750}
@media(max-width:680px){.wt-summary{grid-template-columns:1fr}.wt-footer-trust span{white-space:normal;text-align:center}}

/* WebTuga Secure Share 1.4 */
.wt-prefill-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:8px 10px;border:1px solid var(--wt-border);border-radius:9px;background:var(--wt-surface-2);font-size:10.8px;color:var(--wt-muted)}
.wt-prefill-banner strong{color:var(--wt-text)}
.wt-prefill-banner button{border:0;background:transparent;color:var(--wt-green-strong);font:inherit;font-weight:750;cursor:pointer;padding:3px 0}
.wt-retry-btn{margin-top:7px;min-height:34px}
.wt-generator-main{width:min(100% - 28px,720px)}
.wt-generator-card{overflow:visible}
.wt-generator-form{padding:18px;display:grid;gap:13px}
.wt-generator-link{margin:4px 0 0;max-width:none}
.wt-generator-note{display:block;margin-top:6px;color:var(--wt-muted);font-size:10px;line-height:1.4}
.wt-generator-shell .wt-footer{width:min(100% - 28px,720px)}
@media(max-width:680px){.wt-prefill-banner{align-items:flex-start}.wt-generator-form{padding:14px}.wt-generator-link{grid-template-columns:1fr}.wt-generator-link input,.wt-generator-link button{grid-column:1}}

/* WebTuga Secure Share 1.5 */
.wt-generator-header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.wt-generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wt-login-main{display:grid;place-items:center;min-height:calc(100vh - 190px)}
.wt-login-card{width:min(100%,430px);padding:28px;margin:0 auto;text-align:left}
.wt-login-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:13px;background:var(--wt-green-soft);color:var(--wt-green-strong)}
.wt-login-icon svg{width:24px;height:24px;stroke-width:1.7}
.wt-login-card h1{font-size:25px;line-height:1.15;margin:5px 0 7px;color:var(--wt-text)}
.wt-login-card>p{margin:0 0 19px;color:var(--wt-muted);font-size:12.5px;line-height:1.55}
.wt-login-form{display:grid;gap:13px}
.wt-login-submit{width:100%;margin-top:3px}
.wt-login-error{margin:0 0 14px}
@media(max-width:680px){.wt-generator-grid{grid-template-columns:1fr}.wt-generator-header-actions{gap:4px}.wt-login-card{padding:20px}.wt-login-main{min-height:auto;padding-top:30px}}

/* WebTuga Secure Share 1.7: contextual generator options and presets. */
.wt-generator-context{padding:11px 12px;border:1px solid var(--wt-border);border-radius:10px;background:var(--wt-surface-2)}
.wt-generator-context>small{display:block;margin-top:7px;color:var(--wt-muted);font-size:10px;line-height:1.4}
.wt-generator-presets{display:grid;gap:6px;padding-bottom:2px}
.wt-generator-presets>span{font-size:10px;font-weight:750;color:var(--wt-muted);text-transform:uppercase;letter-spacing:.06em}
.wt-generator-preset-list{display:flex;flex-wrap:wrap;gap:6px}
.wt-generator-preset{border:1px solid var(--wt-border);border-radius:999px;background:var(--wt-surface);color:var(--wt-text);padding:6px 9px;font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.wt-generator-preset:hover,.wt-generator-preset:focus-visible{border-color:var(--wt-green);background:var(--wt-green-soft);color:var(--wt-green-strong);outline:none}

@media print { body { display:none !important; } }
.wt-alert-info{display:flex;gap:.55rem;align-items:flex-start;margin:0 0 .8rem;padding:.7rem .85rem;border:1px solid rgba(18,138,79,.18);border-radius:.7rem;background:rgba(18,138,79,.06);font-size:.86rem}.wt-alert-info strong{white-space:nowrap}.wt-generator-header-actions{display:flex;gap:.45rem}.wt-generator-locks{margin-top:.1rem}.wt-generator-locks label span{font-size:.78rem}
select.is-locked,input.is-locked{cursor:not-allowed;opacity:.78;background-image:none}.wt-service-option.is-locked{cursor:default}.wt-service-option:has(input:disabled:not(:checked)){opacity:.48;cursor:not-allowed}