:root {
  --background: 0 0% 0%;
  --foreground: 0 0% 100%;
}

.bg-mesh {
  background-image: 
    radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
    radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 
    radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);
  background-attachment: fixed;
}

.glass {
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to bottom right, #ffffff, #ffffff, rgba(255, 255, 255, 0.4));
}

body {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  font-family: 'Figtree', sans-serif;
}

::selection {
  background-color: rgba(255, 255, 255, 0.2);
}