/* Base styles and fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* Global Styles */
body {
    font-family: -apple-system, Inter, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hero Section */
.hero-section {
    background-color: #0D0D0F;
    position: relative;
    overflow: hidden;
    min-height: 80vh;
}

.confetti-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* App Preview Section */
.app-preview-section {
    padding: 2rem 0;
}

.yellow-card {
    background-color: #FFD600;
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Features Section */
.features-section {
    background-color: #B282FF;
    padding: 3rem 0;
}

.universities-list-container {
    width: 100%;
}

.universities-list {
    display: flex;
    animation: scroll 20s linear infinite;
}

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

.feature-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Custom background colors */
.bg-custom-1 { background-color: #FEFEF2; }
.bg-custom-2 { background-color: #FFEC37; }
.bg-custom-3 { background-color: #4F5CFF; }
.bg-custom-4 { background-color: #FEFEF2; }

/* Download Section */
.download-section {
    background-color: #5AD7B4;
    padding: 3rem 0;
}

/* Continue with remaining styles... */