:root {
  --ink: #24172d;
  --muted: #766a7d;
  --line: #e2d7e8;
  --blue: #5b2a86;
  --violet: #6b348d;
  --gold: #c79a2b;
}
body {
  background:
    radial-gradient(circle at 12% 12%, rgba(91, 42, 134, .16), transparent 32%),
    radial-gradient(circle at 88% 86%, rgba(199, 154, 43, .13), transparent 30%),
    #f7f2f8;
}
.gate { border-color: #dfd0e5; box-shadow: 0 28px 90px rgba(62, 31, 99, .2); }
.identity {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(145deg, #321544, #542369 54%, #48225b);
}
.identity::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: url("assets/vmc-login-medical-v1.webp") center / cover no-repeat;
  opacity: .46;
  filter: saturate(.82) contrast(.9);
  transform: scale(1.012);
}
.identity::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(100deg, rgba(31, 12, 44, .52), rgba(50, 20, 67, .28) 58%, rgba(50, 25, 64, .14));
}
.identity .vmc-official-lockup,
.identity > p,
.identity > h1,
.identity > .trust { position: relative; z-index: 1; }
.identity .eyebrow { color: #f4eafa; text-shadow: 0 1px 10px rgba(24, 7, 34, .62); }
.identity > p:not(.eyebrow) { color: #f2eaf5; text-shadow: 0 1px 8px rgba(24, 7, 34, .48); }
.identity h1 { text-shadow: 0 2px 18px rgba(24, 7, 34, .55); }
.trust span { border-color: rgba(231, 197, 112, .42); background: rgba(49, 17, 66, .46); }
.login .eyebrow { color: #6b348d; }
input:focus { border-color: #7a45a0; box-shadow: 0 0 0 4px rgba(91, 42, 134, .12); }
button { background: linear-gradient(135deg, #4f1f68, #6b348d 65%, #9b6c25); }