/* Walls.io Wrapped 2025 - Styles */

/* Base typography */
body {
    font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #e9eafd;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

/* Buttons */
.btn-primary {
    background-color: #4361ee;
    transition: all 0.2s ease;
}

.btn-primary:hover {
    background-color: #3a51d4;
    transform: translateY(-1px);
}

.btn-secondary {
    background-color: #ffffff;
    border: 2px solid #e5e7eb;
    transition: all 0.2s ease;
}

.btn-secondary:hover {
    border-color: #4361ee;
    color: #4361ee;
}

/* Video */
.video-container {
    max-width: 900px;
    margin: 0 auto;
}

video {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

/* Hero section */
.hero-gradient {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

/* Feature cards */
.feature-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
}