@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #000000;
    color: #ffffff;
    overflow-x: hidden;
}

.hero-text {
    font-size: clamp(2rem, 10vw, 8rem);
    line-height: 0.9;
}

.talent-name {
    font-size: clamp(2rem, 8vw, 6rem);
    line-height: 0.9;
}

.marquee {
    animation: marquee 20s linear infinite;
    white-space: nowrap;
}

.marquee-reverse {
    animation: marquee-reverse 20s linear infinite;
    white-space: nowrap;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes marquee-reverse {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.talent-card {
    transition: all 0.3s ease;
}

.talent-card:hover {
    transform: translateY(-5px);
}

.time-display {
    font-family: 'Courier New', monospace;
}

.contact-input {
    background: transparent;
    border-bottom: 1px solid #ffffff;
    transition: all 0.3s ease;
}

.contact-input:focus {
    border-bottom-color: #ffffff;
    outline: none;
}

.scroll-down {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-20px);}
    60% {transform: translateY(-10px);}
}

.talent-modal {
    transition: all 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}