| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| } | |
| .shadow-lg { | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .rounded-xl { | |
| border-radius: 1rem; | |
| } | |
| .bg-blue-50 { | |
| background-color: #eff6ff; | |
| } | |
| pre { | |
| background-color: #f8fafc; | |
| padding: 1rem; | |
| border-radius: 0.5rem; | |
| border: 1px solid #e2e8f0; | |
| } | |
| /* Animation for countdown */ | |
| @keyframes pulse { | |
| 0%, 100% { | |
| transform: scale(1); | |
| } | |
| 50% { | |
| transform: scale(1.05); | |
| } | |
| } | |
| .countdown-animate { | |
| animation: pulse 1s infinite; | |
| } |