
:root{
  --fc-blue:#2F7BFF;
  --fc-deep:#153E75;
  --fc-cream:#FFF8E8;
  --fc-ink:#10233F;
  --fc-muted:#38506F;
  --fc-line:#D4E0F0;
  --fc-violet:#7B3FF0;
  --fc-green:#17C964;
}
body{
  color:var(--fc-ink)!important;
  background:linear-gradient(180deg,#5AAEFF 0%,#2F7BFF 44%,#2467D7 100%)!important;
}
#root{color:var(--fc-ink)!important}
#root .text-zinc-300,#root .text-zinc-400,#root .text-zinc-500,#root .text-zinc-600,
#root .text-slate-400,#root .text-slate-500,#root .text-slate-600{
  color:var(--fc-muted)!important;
}
#root .text-white,#root .text-zinc-100,#root .text-slate-100{
  color:#fff!important;
}
#root .bg-zinc-900\/30,#root .bg-zinc-900\/40,#root .bg-zinc-900,
#root .bg-\[\#0a0a0a\],#root .bg-\[\#070707\]{
  background:rgba(255,248,232,.98)!important;
}
#root .border-zinc-800,#root .border-zinc-800\/80,#root .border-zinc-800\/60,
#root .border-zinc-700,#root .border-zinc-600{
  border-color:var(--fc-line)!important;
}
#root input,#root select,#root textarea{
  background:#173F74!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.5)!important;
  min-height:48px!important;
  font-size:16px!important;
  font-weight:700!important;
}
#root input::placeholder,#root textarea::placeholder{color:#D7E6FF!important}
#root button{
  min-height:44px;
  font-weight:900!important;
  letter-spacing:.01em;
}
#root [role="tablist"]{
  background:var(--fc-cream)!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 24px rgba(16,35,63,.18)!important;
}
#root [role="tab"]{
  color:var(--fc-deep)!important;
  font-size:12px!important;
  font-weight:900!important;
}
#root [role="tab"][aria-selected="true"]{
  background:var(--fc-violet)!important;
  color:#fff!important;
}
#root p,#root div,#root span,#root label{
  text-rendering:optimizeLegibility;
}
#root .font-mono{
  letter-spacing:.03em;
}
#root .text-\[9px\],#root .text-\[10px\]{
  font-size:12px!important;
  line-height:1.35!important;
}
#root .text-\[11px\],#root .text-\[12px\]{
  font-size:13px!important;
  line-height:1.4!important;
}
#root .text-\[13px\]{
  font-size:14px!important;
  line-height:1.45!important;
}
#root .max-w-md{
  max-width:34rem!important;
}
#root .rounded-xl,#root .rounded-2xl,#root .rounded-lg{
  box-shadow:0 6px 18px rgba(16,35,63,.08);
}
#root .bg-\[\#17C964\],#root .bg-\[\#00e600\]{
  background:var(--fc-green)!important;
}
#root .text-\[\#17C964\],#root .text-\[\#00e600\]{
  color:#087A42!important;
}
#root .bg-\[\#7B3FF0\]{
  background:var(--fc-violet)!important;
}
header + #root{
  padding-top:8px;
}
@media (max-width:700px){
  #root .max-w-md{max-width:100%!important}
  #root{font-size:16px!important}
  #root .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
