body {
    background-color: #0a0a1a;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

.section {
    padding: 4rem 0;
}

.btn-primary {
    background-color: #2563eb;
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #1d4ed8;
}

.gradient-text {
    background: linear-gradient(45deg, #2563eb, #60a5fa);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-to));
}

.from-secondary-light {
    --tw-gradient-from: #1a1a2a;
    --tw-gradient-to: #0a0a1a;
}

.to-secondary-main {
    --tw-gradient-to: #0a0a1a;
}