/* Tickblaze B2B site - shared stylesheet for all supporting pages. Mirrors index.html visual DNA. */ :root { --tb-blue: #3655ff; --tb-neon: #2e63fe; --tb-indigo: #4438e8; --tb-violet: #120e35; --tb-glow: #7487ff; --bg: #020b05; --bg-elev: #0a0a18; --bg-card: rgba(255,255,255,0.03); --bg-card-solid: #0e0e22; --border: rgba(255,255,255,0.08); --border-bright: rgba(116,135,255,0.35); --text: #ffffff; --text-dim: #a4a7ae; --text-muted: #717680; --radius: 8px; --radius-lg: 8px; --maxw: 1280px; --ease: cubic-bezier(0.4, 0, 0.2, 1); --ease-soft: cubic-bezier(0.22, 1, 0.36, 1); } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; scrollbar-gutter: stable; } /* Site-wide background = Tickblaze Web (logged-in) auth recipe. Solid black base + body::before blur-circle (matches .tb-bg-layer on home). 8-bit color depth bands a CSS gradient; a blurred solid avoids that. */ body { font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; background: #0A0A0A; color: var(--text); line-height: 1.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 80% 85% at 50% 105%, #1f3a8a 0%, rgba(31,58,138,0.55) 32%, rgba(31,58,138,0.18) 60%, transparent 85%), radial-gradient(ellipse 115% 75% at 50% 105%, rgba(80,40,140,0.28) 0%, rgba(80,40,140,0.10) 50%, transparent 80%); filter: blur(40px); opacity: 1; z-index: 0; pointer-events: none; will-change: filter; } /* Mobile-only: lock horizontal scroll and disable double-tap zoom. */ @media (max-width: 900px) { html { overflow-x: clip; max-width: 100%; touch-action: manipulation; -webkit-text-size-adjust: 100%; } body { overflow-x: clip; max-width: 100vw; touch-action: manipulation; } img, video, iframe, svg { max-width: 100%; } } /* White-nav variant (universal). Toggle by setting class="nav-light" on . Scoped to nav.site-nav specifically so secondary