:root { color-scheme: light; }
html, body { height: 100%; }
body {
  background: radial-gradient(1100px 700px at 10% -10%, #eef2ff 0%, transparent 55%),
              radial-gradient(900px 650px at 105% 115%, #f5f0ff 0%, transparent 55%),
              linear-gradient(160deg, #fbfcff 0%, #f4f6fc 50%, #eef1fb 100%);
}
.grid-overlay {
  background-image: linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 30% 40%, black, transparent 78%);
}
.field-icon:focus-within .fi { color: #4f46e5; }
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #0f172a;
  transition: background-color 9999s ease-in-out 0s;
  caret-color: #0f172a;
}