/* Fullscreen background with Ken Burns effect */
:root {
  --overlay: rgba(0,0,0,.55);
  --glass: rgba(255,255,255,.08);
  --blur: blur(10px);
}

html, body { height:100%; }
body { background:#0d0f12; margin:0; }

.bg-wrap {
  position:fixed; inset:0; z-index:-1; overflow:hidden;
}
.bg-wrap::before {
  content:""; position:absolute; inset:-5%;
  background-image:url('../um-bg.png');
  background-size:contain; background-position:center; filter:brightness(.9);
  transform:scale(1.05);
  animation:kenburns 22s ease-in-out infinite alternate;
}
.bg-wrap::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(var(--overlay), var(--overlay));
}

@keyframes kenburns {
  from { transform:scale(1.05) translateY(0); }
  to   { transform:scale(1.15) translateY(-1.5%); }
}

/* Glassmorphism form card */
.glass {
  background:var(--glass);
  backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);
  border:1px solid rgba(255,255,255,.15);
}

/* Title styling */
.brand h1 {
  text-shadow:0 8px 28px rgba(0,0,0,.45);
}

/* Mobile tweaks */
@media (max-width:576px) {
  .brand h1 { font-size:1.5rem; }
}