/* config/custom.css */

/* Deeply rounded corners like Material You */
.service-card, .bookmark-card {
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease;
    background: rgba(15, 23, 42, 0.4) !important; /* Semi-transparent dark slate */
}

/* Add a subtle glow on hover */
.service-card:hover, .bookmark-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 255, 255, 0.15);
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
}

/* Make icons pop more */
.service-icon, .bookmark-icon {
    filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.4));
}

/* Custom scrollbar to keep it clean */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 255, 0.2);
    border-radius: 10px;
}