@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  background-color: var(--surface-canvas);
}

/* Aurora Background Wrapper */
.aurora-bg-container {
  position: fixed !important;
  inset: 0 !important;
  height: 100vh !important;
  overflow: hidden !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background-color: var(--surface-canvas);
}

/* Gradient Fluid Layer */
.aurora-fluid-layer {
  position: absolute !important;
  inset: -10px !important;
  opacity: 0.35 !important;
  filter: blur(12px) invert(1) !important;
  mix-blend-mode: difference !important;
  mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%) !important;
  -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%) !important;
  --aurora: repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);
  --white-gradient: repeating-linear-gradient(100deg, #fff 0%, #fff 7%, transparent 10%, transparent 12%, #fff 16%);
}

@keyframes aurora-flow {
  0% {
    background-position: 50% 50%, 50% 50%;
  }
  50% {
    background-position: 100% 100%, 100% 100%;
  }
  100% {
    background-position: 50% 50%, 50% 50%;
  }
}

.aurora-fluid-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--white-gradient), var(--aurora);
  background-size: 200%, 100%;
  animation: aurora-flow 60s linear infinite; /* Slow, elegant structural movement */
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-Medium", "weight": "500", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Medium";
  src: local("Inter-Medium");
}
/* @FONTWARNING[{"type": "restricted", "family": "SF Pro Display-Medium", "weight": "500", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "SF Pro Display-Medium";
  src: local("SF Pro Display-Medium");
}
/* @FONTWARNING[{"type": "restricted", "family": "Menlo-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Menlo-Regular";
  src: local("Menlo-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-Bold", "weight": "700", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Bold";
  src: local("Inter-Bold");
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Regular";
  src: local("Inter-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-SemiBold", "weight": "600", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-SemiBold";
  src: local("Inter-SemiBold");
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-Light", "weight": "300", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Light";
  src: local("Inter-Light");
}