/* Splash static — mirrors app/splash.css + app/splash.module.css */

html,
body {
  margin: 0;
  padding: 0;
  background: #05070a;
}

a {
  color: #8fa6c4;
  text-decoration: none;
}

a:hover {
  color: #d6dee9;
}

.page {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: #05070a;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  font-family: Archivo, Helvetica, Arial, sans-serif;
}

.radial {
  position: absolute;
  inset: -25%;
  background: radial-gradient(
    closest-side at 50% 46% in oklab,
    #16233a 0%,
    #142035 12%,
    #121c2f 24%,
    #101929 36%,
    #0e1523 48%,
    #0c121d 60%,
    #0a0e17 72%,
    #080b12 84%,
    #05070a 100%
  );
  pointer-events: none;
}

.noise {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.75;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.055'/></svg>");
}

.header {
  position: relative;
  padding: 40px 48px;
}

.main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  padding: 0 32px 12vh;
}

.title {
  margin: 0;
  font-weight: 600;
  font-size: clamp(38px, 7.6vw, 116px);
  line-height: 0.98;
  letter-spacing: -0.028em;
  color: #e9eef5;
  text-align: center;
  text-wrap: balance;
}

.tagline {
  display: flex;
  align-items: center;
  gap: 22px;
  width: min(600px, 88%);
}

.ruleLeft {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(143, 166, 196, 0) 0%,
    rgba(143, 166, 196, 0.3) 100%
  );
}

.ruleRight {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to left,
    rgba(143, 166, 196, 0) 0%,
    rgba(143, 166, 196, 0.3) 100%
  );
}

.taglineText {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: rgba(214, 222, 233, 0.52);
  white-space: nowrap;
}

.footer {
  position: relative;
  padding: 40px 48px;
  display: flex;
  justify-content: center;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(214, 222, 233, 0.26);
}