/* Apie mus page styles — moved from apie-mus.blade.php */
body { font-family: 'Inter', sans-serif; }
.hero-glow {
    background:
        radial-gradient(circle at 20% 30%, rgba(129,140,248,.14), transparent 32%),
        radial-gradient(circle at 80% 20%, rgba(56,189,248,.10), transparent 28%),
        radial-gradient(circle at 60% 80%, rgba(236,72,153,.08), transparent 26%),
        linear-gradient(180deg, #f0f4ff 0%, #ffffff 100%);
}
.grid-dots {
    background-image:
        linear-gradient(rgba(99,102,241,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(99,102,241,0.04) 1px, transparent 1px);
    background-size: 32px 32px;
}
.title-gradient {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.card-hover {
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(99,102,241,0.13);
}
.vs-line {
    background: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 50%, #e0e7ff 100%);
    width: 2px;
}
.cta-gradient {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);
}
.badge-pill {
    background: linear-gradient(135deg, rgba(79,70,229,0.10), rgba(124,58,237,0.10));
}