:root {
    --purple: #6610f2;
    --light-purple: #6f42c1;
}

body {
    background-color: #f8f9fa;
}

/* Navbar */
.navbar .nav-link.text-purple:hover {
    color: var(--light-purple) !important;
}

/* Hero Section */
.hero {
    background: linear-gradient(90deg, var(--light-purple), var(--purple));
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

/* Feature icons */
.feature-icon {
    font-size: 2.5rem;
    color: var(--purple);
}

/* Card hover effect */
.card {
    transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Buttons */
.btn-primary {
    background-color: var(--purple);
    border-color: var(--purple);
}
.btn-primary:hover {
    background-color: var(--light-purple);
    border-color: var(--light-purple);
}