etica, sans-serif; } body { min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: repeating-linear-gradient( to bottom, rgba(255,255,255,0.018) 0px, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 4px ); opacity: 0.35; } body::after { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at center, rgba(70, 40, 140, 0.12) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.7) 100%); } .page { width: min(920px, 90vw); text-align: center; position: relative; z-index: 1; animation: bootIn 1.4s ease-out both; } .logo { width: min(760px, 92%); height: auto; margin: 0 auto 34px; display: block; filter: drop-shadow(0 0 18px rgba(80, 100, 255, 0.12)); } .headline { margin: 0; font-size: clamp(24px, 3vw, 42px); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.25; } .subhead { margin: 20px 0 0; font-size: clamp(14px, 1.6vw, 18px); letter-spacing: 0.18em; text-transform: uppercase; color: #a9a9a9; } .signup { margin: 46px auto 0; width: min(560px, 100%); } .signup-title { font-size: 13px; letter-spacing: 0.24em; text-transform: uppercase; color: #d8d8d8; margin-bottom: 14px; } .signup-row { display: flex; gap: 10px; justify-content: center; } .signup input { flex: 1; min-width: 0; background: #111; border: 1px solid #3b3b3b; color: #fff; padding: 16px 18px; font-size: 15px; outline: none; } .signup input:focus { border-color: #777; } .signup button { border: 1px solid #d83232; background: transparent; color: #fff; padding: 16px 22px; cursor: pointer; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; transition: 0.2s ease; } .signup button:hover { background: #d83232; } .fineprint { margin-top: 12px; color: #777; font-size: 12px; } .success { display: none; margin-top: 18px; font-size: 14px; letter-spacing: 0.08em; color: #ddd; } .footer { margin-top: 58px; font-size: 11px; letter-spacing: 0.08em; color: #5f5f5f; } @keyframes bootIn { 0% { opacity: 0; transform: translateY(8px); filter: blur(4px); } 60% { opacity: 1; filter: blur(0); } 100% { transform: translateY(0); } } @media (max-width: 640px) { .signup-row { flex-direction: column; } .signup button { width: 100%; } .headline { letter-spacing: 0.08em; } .subhead { letter-spacing: 0.12em; } }

Honouring the Past.
Building the Future.

A new chapter is loading.

Occasional updates. No spam.
✓ You're on the list. We'll let you know when Spectravideo powers up.
© 2026 Spectravideo · Canada