/* vigilyn.app holding page — tokens from website/src/site.css; fonts from website/dist/assets. */
:root {
  --bg: #07080d;
  --line: rgba(255, 255, 255, 0.1);
  --text: #eef1f5;
  --text-soft: #9aa3b2;
  --cyan: #4fe0d8;
  --grad: linear-gradient(120deg, #4fe0d8, #7fa8ff 55%, #9b8cff);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); overflow-x: clip; }
body {
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 32px 16px;
  font-family: "Inter", system-ui, sans-serif; color: var(--text); line-height: 1.5;
  -webkit-font-smoothing: antialiased; position: relative;
}
p, h1 { margin: 0; }
a { color: var(--cyan); text-decoration: none; }
a:hover { color: #7be9e2; }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 6px; }

.cs-orb { position: fixed; border-radius: 50%; pointer-events: none; filter: blur(10px); animation: cs-drift 14s ease-in-out infinite alternate; }
.cs-orb--a { top: -140px; left: -160px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(79, 224, 216, 0.2), transparent 70%); }
.cs-orb--b { bottom: -160px; right: -180px; width: 460px; height: 460px; background: radial-gradient(circle, rgba(155, 140, 255, 0.16), transparent 70%); animation-delay: -5s; }
@keyframes cs-drift { from { transform: translate(0, 0); } to { transform: translate(30px, 24px); } }

.cs-card { position: relative; width: 100%; max-width: 520px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.cs-logo { width: 72px; height: 72px; }
.cs-name { font-family: "Sora", "Inter", system-ui, sans-serif; font-size: clamp(36px, 8vw, 52px); font-weight: 700; letter-spacing: -0.02em; }
.cs-kicker { color: var(--text-soft); font-size: 17px; }
.cs-soon {
  margin-top: 10px; padding: 8px 20px; border-radius: 999px;
  background: var(--grad); color: #04121a; font-weight: 700; font-size: 15px; letter-spacing: 0.02em;
}
.cs-contact { margin-top: 18px; font-size: 15px; }
.cs-foot { position: relative; margin-top: 48px; color: var(--text-soft); font-size: 13px; }

@media (prefers-reduced-motion: reduce) { .cs-orb { animation: none; } }