:root {
  --color-bg: #020303;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(255, 255, 255, 0.085),
      rgba(255, 255, 255, 0.018) 24%,
      transparent 48%
    ),
    linear-gradient(
      132deg,
      rgba(255, 255, 255, 0.07) 0%,
      rgba(255, 255, 255, 0.014) 22%,
      transparent 44%
    ),
    linear-gradient(
      308deg,
      rgba(0, 0, 0, 0.82) 0%,
      transparent 42%,
      rgba(255, 255, 255, 0.032) 100%
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px,
      transparent 6px
    ),
    linear-gradient(
      118deg,
      #010202 0%,
      #080a0b 34%,
      #030404 58%,
      #101213 100%
    ),
    var(--color-bg);
  line-height: 1.6;
  min-height: 100vh;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, 0.065) 31%, transparent 46%),
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.05), transparent 28%),
    radial-gradient(circle at 14% 82%, rgba(0, 0, 0, 0.68), transparent 34%);
  opacity: 0.78;
}

.container {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 2rem;
}

.logo_header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
}

.logo_header .row {
  display: flex;
  justify-content: center;
  width: 100%;
}

.logo {
  display: block;
  width: min(78vw, 500px);
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 24px 36px rgba(0, 0, 0, 0.5));
}