/**
 * Tailwind-Kompatibilität ohne cdn.tailwindcss.com
 * (Slate-Farben, Primary/Dark, Opacity-Utilities, häufige Arbitrary-Werte)
 */
.bg-dark { background-color: #060809 !important; }
.text-primary { color: #2dd4bf !important; }
.bg-dark-hover { background-color: #1a1f24 !important; }
.border-dark-border { border-color: rgba(255, 255, 255, 0.08) !important; }
.hover\:bg-dark-hover:hover { background-color: #1a1f24 !important; }
.hover\:text-primary:hover { color: #2dd4bf !important; }

.bg-primary\/10 { background-color: rgba(45, 212, 191, 0.1) !important; }
.bg-primary\/20 { background-color: rgba(45, 212, 191, 0.2) !important; }
.hover\:bg-primary\/20:hover { background-color: rgba(45, 212, 191, 0.2) !important; }
.hover\:bg-primary\/25:hover { background-color: rgba(45, 212, 191, 0.25) !important; }
.hover\:bg-primary\/30:hover { background-color: rgba(45, 212, 191, 0.3) !important; }
.border-primary\/20 { border-color: rgba(45, 212, 191, 0.2) !important; }

.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05) !important; }
.hover\:bg-white\/10:hover { background-color: rgba(255, 255, 255, 0.1) !important; }
.bg-black\/60 { background-color: rgba(0, 0, 0, 0.6) !important; }

.text-slate-200 { color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-500 { color: #64748b !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-700 { color: #334155 !important; }
.bg-slate-500 { background-color: #64748b !important; }
.bg-slate-700 { background-color: #334155 !important; }
.bg-slate-800 { background-color: #1e293b !important; }
.bg-slate-900 { background-color: #0f172a !important; }
.hover\:bg-slate-600:hover { background-color: #475569 !important; }
.hover\:bg-slate-700:hover { background-color: #334155 !important; }
.hover\:border-slate-500:hover { border-color: #64748b !important; }
.hover\:border-slate-600:hover { border-color: #475569 !important; }
.bg-slate-400\/10 { background-color: rgba(148, 163, 184, 0.1) !important; }
.bg-slate-500\/10 { background-color: rgba(100, 116, 139, 0.1) !important; }
.border-slate-400\/20 { border-color: rgba(148, 163, 184, 0.2) !important; }
.border-slate-800\/60 { border-color: rgba(30, 41, 59, 0.6) !important; }

.text-green-400 { color: #4ade80 !important; }
.bg-green-400\/10 { background-color: rgba(74, 222, 128, 0.1) !important; }
.border-green-400\/20 { border-color: rgba(74, 222, 128, 0.2) !important; }
.text-blue-400 { color: #60a5fa !important; }
.bg-blue-400\/10 { background-color: rgba(96, 165, 250, 0.1) !important; }
.border-blue-400\/20 { border-color: rgba(96, 165, 250, 0.2) !important; }
.bg-blue-500 { background-color: #3b82f6 !important; }
.bg-blue-500\/10 { background-color: rgba(59, 130, 246, 0.1) !important; }
.bg-blue-500\/20 { background-color: rgba(59, 130, 246, 0.2) !important; }
.bg-blue-500\/25 { background-color: rgba(59, 130, 246, 0.25) !important; }
.bg-blue-600 { background-color: #2563eb !important; }
.hover\:bg-blue-500:hover { background-color: #3b82f6 !important; }
.hover\:bg-blue-500\/25:hover { background-color: rgba(59, 130, 246, 0.25) !important; }
.hover\:text-blue-400:hover { color: #60a5fa !important; }
.border-blue-500 { border-color: #3b82f6 !important; }
.text-amber-400 { color: #fbbf24 !important; }
.text-amber-500\/70 { color: rgba(245, 158, 11, 0.7) !important; }
.bg-amber-400\/10 { background-color: rgba(251, 191, 36, 0.1) !important; }
.border-amber-400\/20 { border-color: rgba(251, 191, 36, 0.2) !important; }
.bg-amber-500\/10 { background-color: rgba(245, 158, 11, 0.1) !important; }
.bg-amber-500\/20 { background-color: rgba(245, 158, 11, 0.2) !important; }
.bg-amber-500\/25 { background-color: rgba(245, 158, 11, 0.25) !important; }
.text-red-400 { color: #f87171 !important; }
.bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.1) !important; }
.bg-red-500\/25 { background-color: rgba(239, 68, 68, 0.25) !important; }
.hover\:bg-red-500\/25:hover { background-color: rgba(239, 68, 68, 0.25) !important; }
.text-purple-400 { color: #c084fc !important; }
.bg-purple-500\/10 { background-color: rgba(168, 85, 247, 0.1) !important; }
.bg-purple-500\/25 { background-color: rgba(168, 85, 247, 0.25) !important; }
.hover\:bg-purple-500\/25:hover { background-color: rgba(168, 85, 247, 0.25) !important; }
.text-teal-400 { color: #2dd4bf !important; }
.bg-teal-500\/10 { background-color: rgba(20, 184, 166, 0.1) !important; }
.bg-teal-500\/25 { background-color: rgba(20, 184, 166, 0.25) !important; }
.hover\:bg-teal-500\/25:hover { background-color: rgba(20, 184, 166, 0.25) !important; }
.bg-teal-600\/8 { background-color: rgba(13, 148, 136, 0.08) !important; }

.gap-0\.5 { gap: 0.125rem !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 0.75rem !important; }
.gap-4 { gap: 1rem !important; }
.gap-6 { gap: 1.5rem !important; }
.space-y-1 > * + * { margin-top: 0.25rem !important; }
.space-y-4 > * + * { margin-top: 1rem !important; }
.space-y-5 > * + * { margin-top: 1.25rem !important; }
.space-y-8 > * + * { margin-top: 2rem !important; }

.max-w-\[85vw\] { max-width: 85vw !important; }
.w-\[800px\] { width: 800px !important; }
.h-\[500px\] { height: 500px !important; }
.h-\[4\.5rem\] { height: 4.5rem !important; }
.blur-\[130px\] { filter: blur(130px) !important; }
.z-\[60\] { z-index: 60 !important; }
.z-\[70\] { z-index: 70 !important; }
.text-\[10px\] { font-size: 10px !important; line-height: 1.4 !important; }
.top-\[-5\%\] { top: -5% !important; }
.left-1\/2 { left: 50% !important; }
.-translate-x-1\/2 { transform: translateX(-50%) !important; }
.translate-x-full { transform: translateX(100%) !important; }
.peer-checked\:border-blue-500:checked ~ * { border-color: #3b82f6 !important; }