:root{
  color-scheme: dark;

  --dw-canvas:        #0C1016;
  --dw-ink:           #E7EDF5;
  --dw-ink85:         rgba(231,237,245,.85);
  --dw-muted80:       rgba(231,237,245,.80);
  --dw-muted70:       rgba(231,237,245,.70);
  --dw-muted45:       rgba(231,237,245,.45);
  --dw-hairline:      rgba(255,255,255,.10);
  --dw-line-control:  rgba(255,255,255,.38);

  --dw-primary:       #F6A623;
  --dw-primary-text:  #FFC266;
  --dw-sand:          #E8C98A;
  --dw-alert:         #F0453A;
  --dw-alert-ink:     #FF9385;
  --dw-ok:            #4DBF94;
  --dw-on-primary:    #170B07;
  --dw-grad:          linear-gradient(135deg,#F6A623,#F0453A);

  --dw-glass:               rgba(255,255,255,.08);
  --dw-glass-border:        rgba(255,255,255,.14);
  --dw-glass-hi:            rgba(255,255,255,.22);
  --dw-glass-subtle:        rgba(255,255,255,.05);
  --dw-glass-subtle-border: rgba(255,255,255,.08);
  --dw-glass-thick:         rgba(255,255,255,.12);
  --dw-glass-primary:       rgba(246,166,35,.12);
  --dw-glass-primary-border:rgba(246,166,35,.40);
  --dw-glass-alert:         rgba(240,69,58,.14);
  --dw-glass-alert-border:  rgba(240,69,58,.45);
  --dw-glass-alert-row:     rgba(240,69,58,.40);
  --dw-chip-dark:           rgba(43,22,20,.85);
  --dw-field:               rgba(11,15,21,.75);
  --dw-opaque:              #161D29;
  --dw-opaque-primary:      #2A2410;
  --dw-opaque-alert:        #2B1614;
  --dw-opaque-subtle:       #181C22;
  --dw-nav:                 rgba(12,16,22,.80);
  --dw-media-tag:           rgba(11,15,21,.82);
  --dw-media-tag-border:    rgba(255,255,255,.18);
  --dw-scrim:               rgba(4,6,9,.86);
  --dw-dot:                 rgba(231,237,245,.38);
  --dw-dot-ring:            rgba(240,69,58,.20);
  --dw-specular:            linear-gradient(118deg,rgba(255,255,255,.12),rgba(255,255,255,0) 44%);

  --dw-glow-amber: rgba(246,166,35,.14);
  --dw-glow-red:   rgba(240,69,58,.09);
  --dw-glow-green: rgba(77,191,148,.06);

  --dw-shadow-card:  0 24px 48px -24px rgba(0,0,0,.65);
  --dw-shadow-pop:   0 30px 70px -24px rgba(0,0,0,.75);
  --dw-shadow-badge: 0 8px 20px -8px rgba(240,69,58,.70);
  --dw-shadow-cta:   0 16px 32px -14px rgba(240,69,58,.70);

  --dw-r-sheet: 32px; --dw-r-card: 28px; --dw-r-tile: 24px; --dw-r-row: 22px; --dw-r-field: 14px;
  --dw-r-chip: 999px; --dw-r-icon: 12px;

  --dw-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --dw-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --dw-disp: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif;

  --dw-ease-snap:   cubic-bezier(.2,.8,.2,1);
  --dw-ease-std:    cubic-bezier(.16,1,.3,1);
  --dw-ease-gentle: cubic-bezier(.22,1,.36,1);
  --dw-dur-press: 220ms; --dw-dur-enter: 320ms; --dw-dur-drawer: 320ms; --dw-dur-fade: 150ms;

  --rail: var(--dw-field);
  --line: var(--dw-line-control);
  --grad: var(--dw-grad);
  --mut:  var(--dw-muted80);
  --mut2: var(--dw-muted70);
  --disp: var(--dw-disp);
  --sans: var(--dw-sans);
  --mono: var(--dw-mono);
  --warm: var(--dw-primary);
  --hot:  var(--dw-alert);
  --ok:   var(--dw-ok);
  --bg:   var(--dw-canvas);
  --ink:  var(--dw-ink);
}

*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
html{
  background: var(--dw-canvas);

}
body{
  margin:0; background:transparent; color:var(--dw-ink);
  font-family:var(--dw-sans); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:transparent;
}

body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(44% 30% at 16% -8%, var(--dw-glow-amber), transparent 70%),
    radial-gradient(38% 26% at 90% 28%, var(--dw-glow-red), transparent 70%),
    radial-gradient(52% 34% at 60% 98%, var(--dw-glow-green), transparent 70%);
}
@media (min-width:901px){
  body::before{
    background:
      radial-gradient(34% 40% at 10% -10%, var(--dw-glow-amber), transparent 70%),
      radial-gradient(30% 36% at 92% 20%, var(--dw-glow-red), transparent 70%),
      radial-gradient(44% 40% at 55% 105%, var(--dw-glow-green), transparent 70%);
  }
}

:where(button, input:not([type=checkbox]):not([type=radio]), select, textarea){ font:inherit; color:inherit; }
button, [onclick], a, label, select{ touch-action:manipulation; }
a{ color:inherit; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus:not(:focus-visible){ outline:none; }
:where(a, button, select, summary, [tabindex]):focus-visible{
  outline:2px solid var(--dw-primary); outline-offset:2px;
  box-shadow:0 0 0 2px var(--dw-canvas);
}
:where(input, textarea, select):focus-visible{
  outline:2px solid var(--dw-primary); outline-offset:1px;
}

:where(input[type=text], input[type=email], input[type=time], input:not([type]), select, textarea){
  background:var(--dw-field); border:1px solid var(--dw-line-control); border-radius:var(--dw-r-field);
  color:var(--dw-ink); font-size:16px;
  min-height:48px; padding:12px 14px;
}
:where(input, textarea)::placeholder{ color:var(--dw-muted70); opacity:1; }
input[type=checkbox]{ accent-color:var(--dw-primary); width:20px; height:20px; }

@keyframes dw-enter{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@keyframes dw-pop{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:none; } }
@keyframes dw-fade{ from{ opacity:0; } to{ opacity:1; } }

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more){
  :root{
    --dw-glass: var(--dw-opaque); --dw-glass-thick: var(--dw-opaque); --dw-glass-subtle: var(--dw-opaque-subtle);
    --dw-glass-primary: var(--dw-opaque-primary); --dw-glass-alert: var(--dw-opaque-alert);
    --dw-nav: var(--dw-opaque); --dw-specular: none; --dw-glass-hi: transparent;
  }
  body::before{ display:none; }
  *, *::before, *::after{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important; animation-delay:0s !important;
    transition-duration:var(--dw-dur-fade) !important;
    transition-property:opacity, background-color, color, border-color !important;
    scroll-behavior:auto !important;
  }
  :active{ transform:none !important; }
}

@media (forced-colors: active){
  body::before{ display:none; }
  *{ box-shadow:none !important; }
}