leetcoder2008/libraryspark

1@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Poppins', sans-serif;5    background-color: #f9fafb;6}7 8.btn-primary {9    @apply bg-primary-500 hover:bg-primary-600 text-white font-medium py-2 px-4 rounded-lg transition duration-300;10}11 12.btn-secondary {13    @apply bg-secondary-500 hover:bg-secondary-600 text-white font-medium py-2 px-4 rounded-lg transition duration-300;14}15 16.card {17    @apply bg-white rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-lg;18}19 20.section-title {21    @apply text-3xl font-bold text-gray-800 mb-4;22}23 24.section-subtitle {25    @apply text-gray-600 max-w-2xl mx-auto;26}27 28.gradient-bg {29    background: linear-gradient(135deg, #3b82f6 0%, #22c55e 100%);30}31 32/* Animation for feature cards */33.feature-card {34    transition: transform 0.3s ease, box-shadow 0.3s ease;35}36 37.feature-card:hover {38    transform: translateY(-5px);39}40 41/* Responsive adjustments */42@media (max-width: 768px) {43    .hero-content {44        text-align: center;45    }46    47    .hero-buttons {48        flex-direction: column;49    }50}51 52/* Custom scrollbar */53::-webkit-scrollbar {54    width: 8px;55}56 57::-webkit-scrollbar-track {58    background: #f1f1f1;59}60 61::-webkit-scrollbar-thumb {62    background: #c5c5c5;63    border-radius: 4px;64}65 66::-webkit-scrollbar-thumb:hover {67    background: #a0a0a0;68}