/* Public gate for alqmtech.com. Colors, type and halos come from seeleOS tokens and components only. */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body { position: relative; margin: 0; overflow: hidden; background: var(--paper-100); color: var(--ink); font: var(--type-body); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: var(--stroke-focus) solid var(--signal); outline-offset: 2px; }

/* Drifting halos */
.gate__halo { position: fixed; }
.gate__spot { width: 62vmax; height: 62vmax; will-change: transform; }
.gate__spot--a { left: 38%; top: 8%; animation: drift-a 26s ease-in-out infinite alternate; }
.gate__spot--b { left: -12%; top: -24%; width: 48vmax; height: 48vmax; animation: drift-b 32s ease-in-out infinite alternate; }
.gate__spot--c { left: -6%; top: 52%; width: 40vmax; height: 40vmax; animation: drift-c 22s ease-in-out infinite alternate; }
@keyframes drift-a { from { transform: translate(0, 0) scale(1); } to { transform: translate(-18vw, 12vh) scale(1.15); } }
@keyframes drift-b { from { transform: translate(0, 0) scale(1); } to { transform: translate(22vw, 18vh) scale(0.9); } }
@keyframes drift-c { from { transform: translate(0, 0) scale(0.95); } to { transform: translate(30vw, -20vh) scale(1.2); } }
@media (prefers-reduced-motion: reduce) { .gate__spot { animation: none; } }

/* Content */
.gate__bar { position: fixed; top: 0; right: 0; z-index: 2; padding: var(--space-4); }
.gate__signin { text-decoration: none; background: var(--paper-100); }
.gate { position: relative; z-index: 1; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-4); padding: var(--space-16) var(--space-4); text-align: center; }
.gate__title { margin: 0; font: var(--type-display-xl); font-size: clamp(56px, 12vw, 144px); line-height: 1; letter-spacing: var(--type-display-xl-tracking); }
.gate__line { margin: 0; font: var(--type-subhead); font-style: italic; color: var(--ink-muted); }
.gate__corp { margin: var(--space-12) 0 0; font: var(--type-label); letter-spacing: var(--type-label-tracking); text-transform: uppercase; color: var(--ink); }