/* Deck analytics — email-gate overlay. Self-contained; dark-deck themed. */ #deck-analytics-gate { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(120% 120% at 50% 0%, #06122e 0%, #02060f 70%); font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; } #deck-analytics-gate .dag-card { width: min(420px, 92vw); box-sizing: border-box; padding: 36px 32px; background: rgba(10, 18, 40, 0.92); border: 1px solid rgba(187, 187, 255, 0.25); border-radius: 18px; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.03); } #deck-analytics-gate .dag-title { margin: 0 0 6px; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #fff; } #deck-analytics-gate .dag-label { display: block; margin: 0 0 10px; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: #9fb0d0; } #deck-analytics-gate .dag-input { width: 100%; box-sizing: border-box; padding: 14px 16px; font-size: 16px; color: #fff; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(187, 187, 255, 0.3); border-radius: 12px; outline: none; transition: border-color 0.2s, box-shadow 0.2s; } #deck-analytics-gate .dag-input:focus { border-color: #bbbbff; box-shadow: 0 0 0 3px rgba(187, 187, 255, 0.18); } #deck-analytics-gate .dag-btn { width: 100%; margin-top: 18px; padding: 14px 18px; font-size: 16px; font-weight: 600; color: #fff; background: linear-gradient(135deg, #0a64ff, #4d8bff); border: 0; border-radius: 12px; cursor: pointer; transition: transform 0.12s ease, filter 0.2s ease; } #deck-analytics-gate .dag-btn:hover { filter: brightness(1.08); } #deck-analytics-gate .dag-btn:active { transform: translateY(1px); } #deck-analytics-gate .dag-btn[disabled] { opacity: 0.6; cursor: default; } #deck-analytics-gate .dag-input[disabled] { opacity: 0.7; } #deck-analytics-gate .dag-error { margin-top: 12px; font-size: 14px; line-height: 1.35; color: #ff8a9b; } /* --- Post-login reveal: the gate dissolves (fade + scale-up + blur) while the deck fades in from a subtle zoom. analytics.js adds `.dag-leaving` to the overlay and `.deck-revealing` to on an allowed login. Reduced-motion → instant. --- */ #deck-analytics-gate.dag-leaving { opacity: 0; transform: scale(1.06); filter: blur(8px); pointer-events: none; transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease; } @keyframes dag-deck-reveal { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: scale(1); } } body.deck-revealing #slides { animation: dag-deck-reveal 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } @media (prefers-reduced-motion: reduce) { #deck-analytics-gate.dag-leaving { transition: none; } body.deck-revealing #slides { animation: none; } }