/* Override styles for НЕЙРО UPLINK 5.0 */

body {
    background: #05050A !important;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(0, 240, 255, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(123, 44, 191, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(255, 158, 0, 0.03) 0%, transparent 50%) !important;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Enhance glass effect for existing cards */
.bg-anthracite, .bg-\[\#0A0A0F\] {
    background: rgba(5, 5, 10, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.36) !important;
}

/* Improve buttons */
.bg-electric-cyan, .bg-neural-violet, .bg-reactor-orange {
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.bg-electric-cyan:hover, .bg-neural-violet:hover, .bg-reactor-orange:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Enhance borders */
.border-electric-cyan, .border-neural-violet, .border-reactor-orange {
    border-width: 2px !important;
    border-style: solid !important;
}

/* Improve text */
.text-electric-cyan, .text-neural-violet, .text-reactor-orange {
    text-shadow: 0 0 10px currentColor;
}

/* Input fields */
.border-white\/10, .border-white\/20 {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
}

.border-white\/10:focus, .border-white\/20:focus {
    border-color: #00F0FF !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Pricing cards */
.bg-black\/40, .bg-black\/60 {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Navigation */
.bg-\[\#0A0A0F\]\/90 {
    background: rgba(10, 10, 15, 0.9) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Add glow to selected elements */
.shadow-\[0_0_15px_rgba\(0\,240\,255\,0\.3\)\] {
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.5) !important;
}

/* Animation for loading */
.animate-spin {
    animation: spin 1s linear infinite;
}

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

/* Gradient text */
.text-gradient {
    background: linear-gradient(45deg, #00F0FF, #7B2CBF, #FF9E00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #00F0FF, #7B2CBF);
    border-radius: 5px;
}