@font-face {
    font-family: 'Geist Mono';
    src: url('https://cdn.jsdelivr.net/npm/geist-font@latest/dist/font-files/GeistMonoVF.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}

:root {
    --primary-color: #000000;
    --secondary-color: #f5f5f5;
}

html, body {
    overflow-x: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-geist-mono {
    font-family: 'Geist Mono', monospace;
}

.progress-bar {
    height: 2px;
    width: 100%;
    background-color: #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.progress-indicator {
    height: 100%;
    width: 0%;
    background-color: #000;
    border-radius: 4px;
    animation: progress 2.5s ease-in-out infinite;
}

@keyframes progress {
    0% {
        width: 0%;
    }
    50% {
        width: 70%;
    }
    100% {
        width: 0%;
    }
}

button {
    font-size: 14px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

button:active {
    transform: translateY(1px);
}

/* Frosted glass effect for modal */
.modal {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Disable tap highlight on mobile */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Subtle hover effect */
button, a {
    transition: all 0.15s ease;
}