/* M.U.S.I.C. WORLD HQ: ARCHITECT UI [V3] */
:root { 
    --onyx: #050505; 
    --teal: #00d2ff; 
    --gold: #d4af37; 
}

body { background-color: var(--onyx); font-family: 'Montserrat', sans-serif; color: #ffffff; margin: 0; }

/* THE "LIGHT BLUE BOX" ARCHITECTURE */
.sector-card-teal {
    background: rgba(0, 210, 255, 0.07) !important; /* Persistent light blue wash */
    border: 1px solid rgba(0, 210, 255, 0.2) !important;
    border-top: 6px solid var(--teal) !important; /* THE TOP LIGHT BLUE BORDER */
    border-radius: 2rem;
    transition: all 0.4s ease;
}

.sector-card-gold {
    background: rgba(212, 175, 55, 0.07) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-top: 6px solid var(--gold) !important;
    border-radius: 2rem;
    transition: all 0.4s ease;
}

/* INTERACTIVE POP */
.sector-card-teal:hover {
    background: rgba(0, 210, 255, 0.15) !important;
    border-color: var(--teal) !important;
    box-shadow: 0 0 30px rgba(0, 210, 255, 0.4);
    transform: translateY(-5px);
}