:root { color-scheme: light; }
html, body {
  min-height: 100%;
  background:
    radial-gradient(1200px 600px at 10% -10%, #dbeafe 0%, rgba(219,234,254,0) 60%),
    radial-gradient(900px 500px at 100% 0%, #e0e7ff 0%, rgba(224,231,255,0) 55%),
    linear-gradient(180deg, #f7fbff 0%, #eef4ff 45%, #f6f8ff 100%) !important;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  color: #0f172a !important;
}

/* hide top bar completely */
header, .MuiAppBar-root, [role="banner"] { display: none !important; }

.MuiContainer-root { padding-top: 8vh !important; }
.MuiPaper-root {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(59, 130, 246, 0.25) !important;
  box-shadow: 0 16px 40px rgba(30, 64, 175, 0.12) !important;
}

/* stronger inputs */
input, .MuiInputBase-root, .MuiOutlinedInput-root {
  background: #fff !important;
  border-radius: 10px !important;
}
.MuiOutlinedInput-notchedOutline { border-color: rgba(30,64,175,.38) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #2563eb !important;
  border-width: 2px !important;
}

/* custom bear avatar */
.custom-bear {
  width: 76px;
  height: 76px;
  border-radius: 999px;
  border: 1px solid rgba(59,130,246,.25);
  background: #fff url('/_custom/bear.svg') center/62% no-repeat;
  margin: 0 auto 10px auto;
  box-shadow: 0 6px 16px rgba(30,64,175,.12);
}

/* always hide provider footer */
footer, [class*="footer" i], [id*="footer" i] {
  display: none !important;
}

/* hide obvious auth extra links */
a[href*="privacy" i],
a[href*="reset" i],
a[href*="register" i],
a[href*="password" i] {
  display: none !important;
}