:root { color-scheme: light dark; }
body {
  background:
    radial-gradient(circle at 0% 0%, rgba(99, 102, 241, .16), transparent 45%),
    radial-gradient(circle at 100% 100%, rgba(14, 165, 233, .12), transparent 35%);
}
.card-premium,
main > section,
main > div > section {
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .35);
}
button,
[role='button'],
a.inline-flex,
a.rounded,
input,
textarea,
select {
  transition: all .18s ease;
}
button:hover,
a.inline-flex:hover,
a.rounded:hover {
  transform: translateY(-1px);
}