@font-face { font-family: 'Age Gate Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/outfit-600.woff2') format('woff2'); }
html.age-gate-pending { overflow: hidden; background: #faf8f5; }
#age-gate { box-sizing: border-box; width: calc(100% - 36px); max-width: 460px; margin: auto; padding: 36px 28px; border: 1px solid #d9d5d0; border-radius: 23px; background: #faf8f5; color: #181b1a; box-shadow: 0 24px 90px #0003; text-align: center; }
#age-gate::backdrop { background: rgb(23 22 18 / 45%); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
#age-gate #age-gate-title { margin: 0 0 28px; padding: 0; color: #181b1a; font: 600 clamp(28px, 7vw, 36px)/1.15 'Age Gate Outfit', Arial, sans-serif; letter-spacing: -.03em; }
#age-gate .age-gate__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#age-gate .age-gate__button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 58px; margin: 0; padding: 14px 20px; border: 0; border-radius: 16px; background: #c75040; color: #fff; font: 600 20px/1.3 Arial, sans-serif; letter-spacing: normal; text-decoration: none; text-transform: uppercase; cursor: pointer; }
#age-gate .age-gate__button:hover { background: #ae4032; }
#age-gate .age-gate__button:focus-visible { outline: 3px solid #703b32; outline-offset: 4px; }
@media (max-width: 599px) { #age-gate { padding: 30px 22px; } #age-gate .age-gate__button { min-height: 54px; font-size: 19px; border-radius: 15px; } }

/* Shared red-button shimmer, including signup buttons and cloned sticky CTAs. */
:is(.button, #age-gate .age-gate__button, .form-container button, #checking-page button) { position: relative; overflow: hidden; }
:is(.button, #age-gate .age-gate__button, .form-container button, #checking-page button)::before { content: ""; position: absolute; top: -50%; left: 0; width: 60%; height: 200%; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 22%), transparent); pointer-events: none; transform: translateX(-220%) skewX(-20deg); animation: cta-shimmer 4.5s ease-in-out infinite; }
:is(.button, #age-gate .age-gate__button, .form-container button, #checking-page button):is(:disabled, .loading, [aria-disabled="true"])::before { display: none; }
@keyframes cta-shimmer { 0%, 12% { transform: translateX(-220%) skewX(-20deg); } 40%, 100% { transform: translateX(300%) skewX(-20deg); } }
@media (prefers-reduced-motion: reduce) { :is(.button, #age-gate .age-gate__button, .form-container button, #checking-page button)::before { display: none; animation: none; } }