@charset "UTF-8";

/* Custom opacity utilities for primary color - using escaped slashes for Tailwind compatibility */
.bg-primary\/10 { background-color: rgba(233, 69, 96, 0.1) !important; }
.bg-primary\/30 { background-color: rgba(233, 69, 96, 0.3) !important; }
.bg-primary\/90 { background-color: rgba(233, 69, 96, 0.9) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1) !important; }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9) !important; }
.hover\:bg-primary\/10:hover { background-color: rgba(233, 69, 96, 0.1) !important; }
.hover\:bg-primary\/90:hover { background-color: rgba(233, 69, 96, 0.9) !important; }
.hover\:bg-white\/10:hover { background-color: rgba(255, 255, 255, 0.1) !important; }
.shadow-primary\/30 { box-shadow: 0 10px 15px -3px rgba(233, 69, 96, 0.3) !important; }
.focus\:border-primary:focus { border-color: #e94560 !important; }
.focus\:ring-primary:focus { --tw-ring-color: #e94560 !important; }
.hover\:text-primary:hover { color: #e94560 !important; }
.hover\:border-primary:hover { border-color: #e94560 !important; }
.hover\:border-blue-400:hover { border-color: #60a5fa !important; }
.hover\:border-green-400:hover { border-color: #4ade80 !important; }
.hover\:text-white:hover { color: #ffffff !important; }

/* Gradient text fallback */
.gradient-text-fallback {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Backdrop blur */
.backdrop-blur-md {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}