/* Cyberpunk Neon Theme */

body {
    background: #0D0221;
    color: #E0DDFF;
}

h1, h2, h3, h4 {
    color: #FF2ECC;
}

.navbar {
    background: rgba(13, 2, 33, 0.9);
}

.navbar a {
    color: #E0DDFF;
}

.navbar a:hover {
    color: #16F4D0;
}

.line {
    background: #16F4D0;
}

.navbar .menu-items {
    background: #0D0221;
    box-shadow: 5px 0 10px 0 rgba(22, 244, 208, 0.2);
}

.catalog-btn {
    background: linear-gradient(135deg, #16F4D0 0%, #FF2ECC 100%);
    color: #0D0221;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 15px rgba(22, 244, 208, 0.5);
}

.feedback-btn {
    background: linear-gradient(135deg, #16F4D0 0%, #FF2ECC 100%);
    color: #0D0221;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 15px rgba(22, 244, 208, 0.5);
}

.feedback-field {
    background-color: #1A0533;
    color: #E0DDFF;
    border: 1px solid #16F4D0;
    box-shadow: 0 0 5px rgba(22, 244, 208, 0.3);
}

footer {
    background: #0D0221;
    border-top: 1px solid #16F4D0;
}

footer a {
    color: #E0DDFF;
}

footer a:hover {
    color: #FF2ECC;
}

.copyright {
    color: #16F4D0;
}

.info-links a {
    color: #E0DDFF;
}

.info-links a:hover {
    color: #FF2ECC;
}

.header {
    background: linear-gradient(rgba(13, 2, 33, 0.7), rgba(13, 2, 33, 0.7)), url("/api/placeholder/1900/1000");
}

.category-card {
    background: #1A0533;
    box-shadow: 0 4px 10px rgba(22, 244, 208, 0.3);
    border: 1px solid rgba(22, 244, 208, 0.1);
}

.timeline-item {
    background: #1A0533;
    border-left: 3px solid #FF2ECC;
}

ol li:before {
    color: #FF2ECC;
}