/* Global look */
html,body { font-family: "Inter", sans-serif; background:#f5f7fa; }

a { text-decoration: none; }

/* Centered card default; pages can override width/height */
.login-card, .register-card, .survey-card {
  width: 100%;
  max-width: 420px;
}

/* Forms */
input.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.15);
}

/* Make alerts float nicely */
.alert { min-width: 260px; }

/* Keep the Vanta canvas in the background */
.vanta-container {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: -1;            /* <— the missing piece */
  pointer-events: none;   /* avoid capturing clicks just in case */
}

/* Existing rule to make body transparent so Vanta shows through */
body { background: transparent !important; }