/* Утиліти */
[x-cloak] {
    display: none !important;
}

/* QR Code Global Fixes */
.qr-fix img {
    display: block !important;
    width: 180px !important;
    height: 180px !important;
}

.qr-fix canvas {
    display: none !important;
}

/* Light Animation Effects */
.light-stream {
    background: conic-gradient(from 0deg, transparent 0deg, transparent 270deg, #E16259 360deg);
}

.light-glow {
    filter: blur(8px);
    background: conic-gradient(from 0deg, transparent 0deg, transparent 270deg, #E16259 360deg);
}

/* Custom Tailwind Utilities */
.bg-background {
    background-color: #111318;
}

.text-coral {
    color: #E16259;
}

.bg-coral {
    background-color: #E16259;
}

.hover\:bg-coral-hover:hover {
    background-color: #CF5148;
}

.border-coral {
    border-color: #E16259;
}

.focus\:border-coral:focus {
    border-color: #E16259;
}

.shadow-coral\/20 {
    box-shadow: 0 10px 15px -3px rgba(225, 98, 89, 0.2), 0 4px 6px -4px rgba(225, 98, 89, 0.2);
}

.shadow-coral\/30 {
    box-shadow: 0 10px 15px -3px rgba(225, 98, 89, 0.3), 0 4px 6px -4px rgba(225, 98, 89, 0.3);
}

.shadow-blue-600\/20 {
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.2), 0 4px 6px -4px rgba(37, 99, 235, 0.2);
}

.animate-spin-slow {
    animation: spin 140s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}