:root{
  --brand-1:#7c3aed; /* purple */
  --brand-2:#a855f7; /* fuchsia */
}

html,body{height:100%}

.stayup-bg{
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(124,58,237,.25), transparent 60%),
    radial-gradient(900px 500px at 80% 20%, rgba(168,85,247,.18), transparent 55%),
    radial-gradient(900px 700px at 50% 90%, rgba(124,58,237,.14), transparent 60%),
    #05060a;
}

.glass{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.glow{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 18px 60px rgba(0,0,0,.55),
    0 0 70px rgba(124,58,237,.18);
}

.input-soft{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.input-soft:focus{
  outline: none;
  border-color: rgba(168,85,247,.55);
  box-shadow: 0 0 0 4px rgba(124,58,237,.18);
}