body {
    transition: background-color 0.3s, color 0.3s;
}

body.dark {
    background-color: #1a202c;
    background: url(3575281437-preview-vmake.mp4);
    color: #e2e8f0;
}

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

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

.hover-scale {
    transition: transform 0.3s ease-in-out;
}

.hover-scale:hover {
    transform: scale(1.05);
}

#home video {
    filter: brightness(0.4);
}

#home::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%);
    pointer-events: none;
    background: url(https://discord.com/channels/@me/1118828237343166505/1296757137766350891);
    background: url(3575281437-preview-vmake.mp4);
    background-size: cover;
}
