/* assets/css/style.css */
body {
    background-color: #FDFBF7;
    color: #1A1C20;
}

.glass {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.fade-up.visible { 
    opacity: 1;
    transform: translateY(0);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations */
@keyframes tracking {
    0% { letter-spacing: -0.5em; opacity: 0; filter: blur(10px); }
    40% { opacity: 0.6; }
    100% { letter-spacing: normal; opacity: 1; filter: blur(0px); }
}

@keyframes slideText {
    0%, 30% { transform: translateY(0%); }
    33%, 63% { transform: translateY(-33.33%); }
    66%, 100% { transform: translateY(-66.66%); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

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

.animate-scroll-cards {
    animation: scroll-cards 50s linear infinite;
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}