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

body {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    scroll-behavior: smooth;
    background-color: #0a0a0a;
    background-image: url('https://placehold.co/1920x1080/111827/9ca3af?text=Xeno+Executor+Background');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

section {
    padding: 4rem 1rem;
}

.bg-gray-900 {
    background-color: rgba(17, 24, 39, 0.9);
}

.bg-gray-800 {
    background-color: rgba(31, 41, 55, 0.9);
}

.logo {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.text-gray-300 {
    color: rgba(255, 255, 255, 0.7);
}

.text-gray-500 {
    color: rgba(255, 255, 255, 0.5);
}

.text-white {
    color: white;
}

.bg-red-600 {
    background-color: #e53e3e;
}

.bg-green-600 {
    background-color: #48bb78;
}

.bg-blue-600 {
    background-color: #3182ce;
}

.bg-gray-900 {
    background-color: #111827;
}

.text-xl {
    font-size: 1.25rem;
}

.text-3xl {
    font-size: 1.875rem;
}

.text-4xl {
    font-size: 2.25rem;
}

.text-5xl {
    font-size: 3rem;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.max-w-5xl {
    max-width: 80rem;
}

.rounded-full {
    border-radius: 9999px;
}

.shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
}