@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;800&display=swap');

:root {
    --neon-blue: #00d2ff;
    --neon-gold: #f59e0b;
    --void-black: #050507;
}

body {
    background-color: var(--void-black) !important;
    background-image: 
        radial-gradient(at 50% 0%, rgba(0, 210, 255, 0.12) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(245, 158, 11, 0.05) 0px, transparent 40%) !important;
    background-attachment: fixed !important;
    color: #e2e8f0 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* ЭФФЕКТ СТАРОГО МОНИТОРА */
body::after {
    content: " ";
    display: block;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
    z-index: 9999;
    background-size: 100% 4px, 3px 100%;
    pointer-events: none;
    opacity: 0.6;
}

/* СКРЫВАЕМ ШЛАК ТЕМЫ */
#header, .navbar, .Typography, .footer-section { display: none !important; }

/* НЕОНОВЫЕ КЛАССЫ */
.glow-text-blue {
    color: var(--neon-blue) !important;
    text-shadow: 0 0 10px rgba(0, 210, 255, 0.6), 0 0 20px rgba(0, 210, 255, 0.2) !important;
}

.neon-gold {
    color: var(--neon-gold) !important;
    text-shadow: 0 0 12px rgba(245, 158, 11, 0.5) !important;
}

.neon-border-blue {
    border: 1px solid rgba(0, 210, 255, 0.2) !important;
    background: rgba(15, 15, 20, 0.8) !important;
    box-shadow: inset 0 0 15px rgba(0, 210, 255, 0.05) !important;
    transition: all 0.4s ease;
}

.neon-border-blue:hover {
    border-color: var(--neon-blue) !important;
    box-shadow: 0 0 25px rgba(0, 210, 255, 0.2) !important;
    transform: translateY(-3px);
}

.bg-circuit {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%2300d2ff' stroke-width='0.5' stroke-opacity='0.1'%3E%3Cpath d='M50 0H20c-5.523 0-10 4.477-10 10v30c0 5.523 4.477 10 10 10h30c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}