/* Silverbit Studio — shared styles */
body {
  font-family: 'Be Vietnam Pro', sans-serif;
  background-color: #f5f7fa;
  color: #2c2f32;
}

h1,
h2,
h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-effect {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.glass-nav {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.asymmetric-gradient {
  background: linear-gradient(135deg, #4546d7 0%, #9396ff 100%);
}

.hero-shape-clip {
  clip-path: ellipse(80% 100% at 50% 0%);
}

.tonal-shift-bottom {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 247, 250, 0) 100%);
}

.text-gradient {
  background: linear-gradient(135deg, #4546d7 0%, #9396ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.btn-gradient {
  background: linear-gradient(135deg, #4546d7 0%, #9396ff 100%);
}