:root{
  --bg0:#15110b;
  --bg1:#0f0b07;
  --glow1:rgba(251,146,60,.24);
  --glow2:rgba(245,158,11,.18);
  --glass:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.14);
  --text-strong:#ffffff;
  --text-soft:rgba(255,255,255,.82);
  --text-muted:rgba(255,255,255,.68);
  --text-faint:rgba(255,255,255,.54);
}

@media (prefers-color-scheme: light){
  :root{
    --bg0:#fff8f2;
    --bg1:#fff2e2;
    --glow1:rgba(251,146,60,.22);
    --glow2:rgba(245,158,11,.14);
    --glass:rgba(255,255,255,.76);
    --border:rgba(15,23,42,.12);
    --text-strong:#1f2937;
    --text-soft:#334155;
    --text-muted:#475569;
    --text-faint:#64748b;
  }
}

[data-theme="light"]{
  --bg0:#fff8f2;
  --bg1:#fff2e2;
  --glow1:rgba(251,146,60,.22);
  --glow2:rgba(245,158,11,.14);
  --glass:rgba(255,255,255,.76);
  --border:rgba(15,23,42,.12);
  --text-strong:#1f2937;
  --text-soft:#334155;
  --text-muted:#475569;
  --text-faint:#64748b;
}

[data-theme="dark"]{
  --bg0:#15110b;
  --bg1:#0f0b07;
  --glow1:rgba(251,146,60,.24);
  --glow2:rgba(245,158,11,.18);
  --glass:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.14);
  --text-strong:#ffffff;
  --text-soft:rgba(255,255,255,.82);
  --text-muted:rgba(255,255,255,.68);
  --text-faint:rgba(255,255,255,.54);
}

body{
  background:
    radial-gradient(1200px 800px at 20% -10%, var(--glow1), transparent 65%),
    radial-gradient(900px 700px at 110% 10%, var(--glow2), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  color:var(--text-strong);
}

.glass{
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--glass), transparent 20%),
    color-mix(in oklab, var(--glass), transparent 8%)
  );
  border: 1px solid var(--border);
  backdrop-filter: blur(18px) saturate(170%);
  -webkit-backdrop-filter: blur(18px) saturate(170%);
}

.topbar{
  background: color-mix(in oklab, var(--bg0), transparent 35%);
  backdrop-filter: blur(18px) saturate(170%);
  -webkit-backdrop-filter: blur(18px) saturate(170%);
}

.shadowSoft{
  box-shadow: 0 18px 70px rgba(0,0,0,.22);
}

.orb{
  position:absolute;
  border-radius:999px;
  filter:blur(2px);
  pointer-events:none;
  animation:float 9s ease-in-out infinite;
}

.orb.one{
  width:180px;
  height:180px;
  background:radial-gradient(circle at 30% 30%, rgba(251,146,60,.28), rgba(234,88,12,.05));
  top:80px;
  left:-40px;
}

.orb.two{
  width:140px;
  height:140px;
  background:radial-gradient(circle at 30% 30%, rgba(245,158,11,.20), rgba(245,158,11,.04));
  top:220px;
  right:-30px;
  animation-delay:1.2s;
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease;
}

.reveal.in{
  opacity:1;
  transform:translateY(0);
}

.formInput,
.formSelect,
.formTextarea{
  width:100%;
  border-radius:14px;
  border:1px solid var(--border);
  background:color-mix(in oklab, var(--glass), transparent 10%);
  color:#fff;
  padding:10px 12px;
  font-size:14px;
  font-weight:700;
  outline:none;
}

.formSelect{
  appearance:none;
}

.formSelect option{
  color:#111827;
}

.formInput::placeholder,
.formTextarea::placeholder{
  color:rgba(255,255,255,.48);
}

.formInput:focus,
.formSelect:focus,
.formTextarea:focus{
  border-color:rgba(251,146,60,.72);
  box-shadow:0 0 0 3px rgba(251,146,60,.18);
}

.fieldLabel{
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:800;
}

[data-theme="light"] .formInput,
[data-theme="light"] .formSelect,
[data-theme="light"] .formTextarea{
  color:#111827;
}

[data-theme="light"] .formInput::placeholder,
[data-theme="light"] .formTextarea::placeholder{
  color:rgba(15,23,42,.45);
}

[data-theme="light"] [class~="text-white"]{color:var(--text-strong)!important;}
[data-theme="light"] [class~="text-white/90"]{color:var(--text-soft)!important;}
[data-theme="light"] [class~="text-white/85"]{color:var(--text-soft)!important;}
[data-theme="light"] [class~="text-white/80"]{color:var(--text-soft)!important;}
[data-theme="light"] [class~="text-white/70"]{color:var(--text-muted)!important;}
[data-theme="light"] [class~="text-white/60"]{color:var(--text-faint)!important;}
[data-theme="light"] [class~="text-white/50"]{color:color-mix(in oklab, var(--text-faint), #ffffff 20%)!important;}
[data-theme="light"] [class~="hover:text-white"]:hover{color:var(--text-strong)!important;}
[data-theme="light"] [class~="bg-white/5"]{background-color:rgba(15,23,42,.04)!important;}
[data-theme="light"] [class~="bg-white/10"]{background-color:rgba(15,23,42,.08)!important;}
[data-theme="light"] [class~="border-white/10"]{border-color:rgba(15,23,42,.12)!important;}
[data-theme="light"] [class~="border-white/20"]{border-color:rgba(15,23,42,.2)!important;}
[data-theme="light"] .brandBtn{color:#fff!important;}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(10px)}
}