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

:root {
    --neon: #ccff00;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
}

.heading {
    font-family: 'Space Grotesk', sans-serif;
}

.neon-text {
    color: var(--neon);
    text-shadow: 0 0 10px var(--neon), 0 0 25px var(--neon), 0 0 50px var(--neon);
}

.page-hero {
    background:
        radial-gradient(circle at 20% 20%, rgba(204, 255, 0, 0.12), transparent 30%),
        radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.08), transparent 22%),
        linear-gradient(135deg, #030303 0%, #0a0a0a 100%);
}

.card-hover {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px -18px rgb(204 255 0 / 0.25);
}

.feature-link {
    transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.feature-link:hover {
    border-color: rgba(204, 255, 0, 0.65);
    background-color: rgba(39, 39, 42, 0.95);
    transform: translateY(-4px);
}
