body { font-family: 'Inter', system-ui, sans-serif; }
.hero-gradient { background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 40%, #16213e 100%); }
.card-glow { box-shadow: 0 0 40px rgba(239, 68, 68, 0.08), 0 4px 24px rgba(0,0,0,0.08); }
.btn-primary { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); transition: all 0.3s ease; }
.btn-primary:hover { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.35); }
.fade-in { animation: fadeIn 0.6s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.pulse-dot { animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

/* Donker thema */
.dark body { background-color: #0f0f23; color: #e5e7eb; }
.dark .bg-white { background-color: #1a1a2e; }
.dark .bg-gray-50 { background-color: #0f0f23; }
.dark .bg-gray-100 { background-color: #1f2937; }
.dark .bg-gray-900 { background-color: #050510; }
.dark .text-gray-900 { color: #f3f4f6; }
.dark .text-gray-800 { color: #e5e7eb; }
.dark .text-gray-700 { color: #d1d5db; }
.dark .text-gray-600 { color: #9ca3af; }
.dark .text-gray-500 { color: #9ca3af; }
.dark .border-gray-100 { border-color: #2d2d44; }
.dark .border-gray-200 { border-color: #374151; }
.dark .card-glow { box-shadow: 0 0 40px rgba(239, 68, 68, 0.15), 0 4px 24px rgba(0,0,0,0.4); }