@font-face {
    font-family: 'Helvetica Now Display';
    src: url('/fonts/HelveticaNowDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Now Display';
    src: url('/fonts/HelveticaNowDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Helvetica Now Display', sans-serif;
}

.video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.video-bg video {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none;
}

.video-bg video::-webkit-media-controls,
.video-bg video::-webkit-media-controls-panel,
.video-bg video::-webkit-media-controls-play-button,
.video-bg video::-webkit-media-controls-start-playback-button,
.video-bg video::-webkit-media-controls-overlay-play-button,
.video-bg video::-webkit-media-controls-enclosure {
    display: none !important;
}

.video-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: black;
    z-index: 1;
    animation: fadeOut 1s ease-in 0.5s forwards;
}

@keyframes fadeOut {
    to { opacity: 0; pointer-events: none; }
}

@keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes splash {
    to { box-shadow: 0 0 0 15px rgba(89, 89, 89, 0); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.splash-btn {
    position: relative;
    transition: all 0.3s ease;
    opacity: 0;
    animation: fadeIn 1s ease-in 0.5s forwards;
    font-family: 'Helvetica Now Display', sans-serif;
}

.splash-btn:active::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: 0 0 0 0 rgba(89, 89, 89, 0.7);
    animation: splash 0.6s ease-out;
    pointer-events: none;
}

.countdown-container {
    opacity: 0;
    animation: fadeIn 1s ease-in 0.3s forwards;
}

.countdown-text {
    font-family: 'Helvetica Now Display', sans-serif;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.05em;
}