Spaces:
Running
Running
| /* Global Styles */ | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| transition: background-color 0.3s ease; | |
| } | |
| /* Featured Card Animation */ | |
| .featured-card { | |
| perspective: 1000px; | |
| } | |
| .featured-card:hover { | |
| transform: translateY(-8px) rotateX(5deg) rotateY(5deg); | |
| box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); | |
| } | |
| /* Custom Scrollbar */ | |
| .scrollbar-hide::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .scrollbar-hide { | |
| -ms-overflow-style: none; | |
| scrollbar-width: none; | |
| } | |
| /* Dark Mode Toggle Transition */ | |
| .dark-mode-toggle { | |
| transition: all 0.3s ease; | |
| } | |
| /* Pulse Animation */ | |
| @keyframes pulse { | |
| 0%, 100% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0.5; | |
| } | |
| } | |
| .animate-pulse { | |
| animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; | |
| } | |
| /* 3D Card Effect */ | |
| .card-3d { | |
| transform-style: preserve-3d; | |
| transition: transform 0.5s ease; | |
| } | |
| .card-3d:hover { | |
| transform: rotateY(10deg) rotateX(5deg); | |
| } |